需要帮助来制作带有js的按钮，然后将其链接到函数和CSS代码

Question

I need am essentially making a piece of code that will inject my own code onto the webpage.

Due to me being limited on my ipad I am using bookmarklets so here it is:

I am using this code to call on a js file that will create the button

    javascript: (function () { 
        var jsCode = document.createElement('script'); 
        jsCode.setAttribute('src', 'http://path/to/external/file.js');                  
        document.body.appendChild(jsCode); 
     }());

The button I want to make will need to be created with the code shown below:

    <button id=“supermoneybutton” onclick=“moneyget()”>get money</button>

Then I need to add a link to an external css file.

I have the file for the css, I just need help making the js work, the injection code already works it just shows my method for injection.

Answer 1

In your JS code that dynamically creates the button, you should add the event handler there too:

(function () {
    var button = document.createElement('button');
    button.id = 'supermoneybutton';
    button.addEventListener('click', function (e) {
        // Do Stuff
        moneyget();
    });
    document.body.appendChild(button);

    // Add CSS File
    var link = document.createElement("link");
    link.rel = "stylesheet";
    link.href = '/path/to/cssfile';
    link.type = 'text/css';
    var linkRef = document.getElementsByTagName("link")[0];
    linkRef.parentNode.insertBefore(link, linkRef);
})();