Simple Example Javascript Extension

iqanansoft · July 27, 2020, 7:01pm

HI!!! I have many problems with the javascript code in an extension, it does not work, any basic example?

for example the typical

event element.onclick
with
element.innerHTML = “Hello World”

Another question … how to apply the policy rules, in an extension?

BarryCarlyon · July 27, 2020, 7:03pm

Heres one I wrote

That give some examples fo

What policy rules do you refer to?

iqanansoft · July 27, 2020, 8:09pm

What policy rules do you refer to?

section “Restrictions on content”

I thought a “manifest” file (json/xml) with permissions was needed

last question

is required that the javascript code is into .js file for it to work …

BarryCarlyon · July 27, 2020, 8:10pm

Nope! The restrictions there just tells you what you can or cannot do.

Yes you cannot use inline JS has to be included via a script tag

iqanansoft · July 27, 2020, 8:14pm

I don’t know why a simple “onclick” event with “innerhtml” doesn’t work for me inside tags in .html file, I will check the code again …

thanks

BarryCarlyon · July 27, 2020, 8:17pm

Mines here

github.com

BarryCarlyon/twitch_profile_extension/blob/master/extension/script.js#L27



    if (last_theme != new_theme) {
        document.body.classList.remove('twitch_light');
        document.body.classList.remove('twitch_dark');
        document.body.classList.add('twitch_' + new_theme);
    }

    last_theme = new_theme;
});

document.getElementById('share').addEventListener('click', (e) => {
    e.preventDefault();

    window.Twitch.ext.actions.requestIdShare();
});

function loadProfile() {
    document.getElementById('error').textContent = 'Loading';

    fetch(
        my_ebs,

Check the console for errors and follow the error (if any shown) back