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])
}
Résultat pour console.log(stylePath):
- 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()
}