JavaScript: consentire agli utenti di cambiare il foglio di stile delle pagine

In JavaScript possiamo consentire agli utenti di cambiare il foglio di stile di una pagina.

Si tratta semplicemente di modificare l'URL dell'attributo href di un elemento link.


'use strict';

const switchCSS = (element, css) =&gt; {
    element.setAttribute('href', css);
};

const styleSwitch = element => {
    element.addEventListener('click', e => {
        e.preventDefault();
        switchCSS(document.querySelector('link[media="screen"]), 'alternate.css');
    }, false);
};

Esempio d'uso:


'use strict';

document.addEventListener('DOMContentLoaded', () => {
    styleSwitch(document.querySelector('#switch'));
});