Discussion :

[labarre2002]

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.