Comment récuperer la valeur d'un input

Résolu
Destroyer_7409 Messages postés 22 Date d'inscription   Statut Membre Dernière intervention   -  
Destroyer_7409 Messages postés 22 Date d'inscription   Statut Membre Dernière intervention   -
Pourquoi quand je click sur le boutonet que je marque bleu, la class vrai ne s'affecte pas au input, est ce parce que la valeur de input ne s'est pas affecté à la variable ?

<body>
 <style>
  .vrai {
   background-color: green;
  }
  .faux {
   background-color: red;
  }
 </style>

  Quelle est la couleur du ciel ? <input type="text" class="" id="questionnaire">
  <button id="boutton" onclick="truc()">Click pour vérifier</button>

 <script>
   function truc(){
    let questionnaire = document.getElementById("questionnaire").value;
    if (questionnaire === "bleu") {
     questionnaire.className = "vrai"
    }
    else{
     questionnaire.className = "faux"
    }
   }
 </script>
</body>
</html>

1 réponse

  1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour

    Car tu as définit ta variable questionnaire comme étant la value de ton input... et non l'objet lui même...

    1
    1. Destroyer_7409 Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
       
      Merci beaucoup, c'est bien ça
      0
    2. Destroyer_7409 Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
       

      Dans le même cas à peu près, pourquoi le programme n'effectue pas le calcul
      0