Logo

Documentation

/home/vhsh1501/documentation.benjamin-bruant.com/wp-content/themes/zetheme/single.phpsingle

JS night mode(2)

Construction du tableau des chemins absolus :

const absolutePath =` ${window.location.origin}/styles/` ;
const styleSheets = ['style.css','night.css', 'pastel.css', 'purple.css', 'twilight.css','turquoise.css'];
const stylePath = [] 
for(let i= 0; i < styleSheets.length; i++){
        stylePath.push(absolutePath + styleSheets[i])
    }

  • 0:  » http://127.0.0.1:5504/styles/style.css »
  • 1:  » http://127.0.0.1:5504/styles/night.css »
  • 2:  » http://127.0.0.1:5504/styles/pastel.css »
  • 3:  » http://127.0.0.1:5504/styles/purple.css »
  • 4:  » http://127.0.0.1:5504/styles/twilight.css »
  • 5:  » http://127.0.0.1:5504/styles/turquoise.css »
  • length: 6

Modification de l’attribut hrefdans l’élémentlinkde l’élémentheadavec la fonctionmvStylesheet() :

const qS = (selector) => {
    const element = document.querySelector(selector);
    return element;
} 
const mvStylesheet = (path) => {
    const linkstyle = qS('link');
    linkstyle.setAttribute('href',path);
    hideColorMenu()
 }