Comment récuperer la valeur d'un input

Résolu/Fermé

Valeur
Input

Destroyer_7409 Messages postés 22 Date d'inscription lundi 6 mai 2019 Statut Membre Dernière intervention 30 avril 2020 - Modifié le 7 juin 2019 à 15:51
Destroyer_7409 Messages postés 22 Date d'inscription lundi 6 mai 2019 Statut Membre Dernière intervention 30 avril 2020 - 8 juin 2019 à 13:55

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>

A voir également:

Js récupérer valeur input
Récupérer au terminal de fret - Forum Consommation & Internet
Input signal out of range ✓ - Forum Matériel & Système
Recuperer message whatsapp supprimé - Guide
Recuperer video youtube - Guide
Round js ✓ - Forum Javascript

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38469 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 avril 2025 4 741
7 juin 2019 à 18:13

Bonjour

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

Destroyer_7409 Messages postés 22 Date d'inscription lundi 6 mai 2019 Statut Membre Dernière intervention 30 avril 2020
8 juin 2019 à 12:08

Merci beaucoup, c'est bien ça

Destroyer_7409 Messages postés 22 Date d'inscription lundi 6 mai 2019 Statut Membre Dernière intervention 30 avril 2020
8 juin 2019 à 12:11

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

Discussions similaires

Recupération de valeur d'un input HTML en JavaScript

récupérer la valeur d'un input en PHP

python somme des " int(input()) "

Probleme au demarrage de windows (Input not supported)

récupérer un input hidden

int(input())