Changement de couleur plusieurs fois sur le même texte

IvanMater Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

Je n'arrive pas à faire en sorte de changer de couleur plusieurs fois sur le même texte. J'ai pas de soucis à changer la couleur du texte en cliquant dessus ce qui le fait passer du jaune au rouge mais je n'arrive pas à revenir en arrière en recliquant dessus.

Voici mon code
<html>
<head>
<script language="javascript" type="text/javascript">
function changeColor(elm){
elm.style.color="red";
document.getElementById('McDonald').style.color = 'red'
}
</script>
</head>
<body style="background-color:green">
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<h1 style="color:yellow" align=center> <div onclick="javascript:changeColor(this);"> McDonald <div> </h1>
</body>
</html>

2 réponses

  1. Fallentree Messages postés 2445 Statut Membre 210
     
    if (document.getElementById('McDonald').style.color == 'red') Color='Yellow'; else Color='red';
    document.getElementById('McDonald').style.color = Color;

    Gros, un truc du genre.
    0
  2. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    function changeColor(elm){
      if(elm.style.color=="red"){
          elm.style.color="Yellow";
      }else{
         elm.style.color="red";
      }
    }
    


    Cordialement, 
    Jordane                                                                 
    0
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
       
      Ou sinon avec l'écriture ternaire :
      function changeColor(elm){
         elm.style.color = elm.style.color=="red" ? 'yellow' : 'red';
      }
      
      0