Bonsoir
Je désire changer la couleur du background et la couleur du texte
via un bouton
mon code:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <div class="fond"> <p>Dark</p> <div class="barre" id="barre"> <div class="boule" id="boule"></div> </div> <p>Light</p> </div>
code JS:
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 const btn=document.getElementById('barre'); const boule=document.getElementById('boule'); let status=0; btn.addEventListener('click', toggleMode) function toggleMode(){ if(status === 0){ document.documentElement.style.setProperty('--bg-color', 'white') document.documentElement.style.setProperty('--text-color', 'black') } }
mais ce ne marche pas
Pourrais-je avoir des pistes en vue de résoudre mon problème ?
Merci.
Partager