Jouer avec JavaScript pour la première fois et essayer d'obtenir la couleur de l'en-tête et du fond du pied de page de mon site Web pour changer de couleur. J'ai créé des boutons:

  <div class="styleBut">  
   <a href="#" class="btn btn-warning">ReStyle</a>
   <a href="#" class="btn btn-warning">Reset</a>
  </div>

Et le code JavaScript:

Le problème que je ne reçois pas est de savoir comment le lier à mes boutons, je suppose un onclick, mais pour une raison quelconque, cela ne fonctionne pas.

0
EagleBlind 5 mars 2016 à 19:59

3 réponses

Meilleure réponse
<div class="styleBut">  
   <a href="javascript:void(0);" class="btn btn-warning">ReStyle</a>
   <a href="javascript:void(0);" class="btn btn-warning" id="reset">Reset</a>
  </div>

Au lieu de # dans href, remplacez-le par javascript:void(0); afin d'éviter l'action par défaut de l'hyperlien.

JS:

document.getElemenentById("reset").onclick = changeBack
1
RIYAJ KHAN 5 mars 2016 à 17:09

Donnez à vos éléments d'ancrage les attributs id comme ceci:

    <a href="#" id="restyle" class="btn btn-warning">ReStyle</a>
    <a href="#" id="reset" class="btn btn-warning">Reset</a>

Accédez-y ensuite en JavaScript, comme ceci:

    var restyleButton = document.getElementById("restyle");
    var resetButton = document.getElementById("reset");

Ensuite, "câblez" les éléments pour cliquer sur les événements et les fonctions à appeler lorsque l'événement se produit, comme ceci:

    restyleButton.addEventListener("click", changeLook);
    reset.addEventListener("click", changeBack);
0
Scott Marcus 5 mars 2016 à 17:11

Si vous utilisez cette syntaxe, elle devrait normalement fonctionner:

<a href="#" class="btn btn-warning" onclick="changeLook()">ReStyle</a>

Assurez-vous également que les éléments que vous essayez de modifier ont un id :

<div id="body">
-1
YounesM 5 mars 2016 à 17:11