Signaler

Comment retourner un input nombre?

Posez votre question muramasakatana 22Messages postés samedi 12 novembre 2016Date d'inscription 6 octobre 2017 Dernière intervention - Dernière réponse le 21 avril 2017 à 11:20 par jordane45
bonjour a tous et a toutes.

j'ai un petit problème, j'ai commencé a coder récemment et en autodidacte. Le soucie c'est quand tu te trompe t'as pas de prof pour te corriger, tu dois le faire tous seul. avec l'html ça va encore mais javascript c'est chaud.

je n'arrive pas a faire en sort que ma fonction if... reconnaisse la valeur x donnée, comme un nombre.

merci.

image ci-dessous ou dessus(lol)

Utile
+1
plus moins
Bonjour,
regarde du côté de : parseInt


NB: A l'avenir, lorsque tu veux montrer du code.. merci de le coller DIRECTEMENT sur le forum (en utilisant les balises de code) au lieu d'en mettre une image.
Merci.


Cette réponse vous a-t-elle aidé ?  
muramasakatana 22Messages postés samedi 12 novembre 2016Date d'inscription 6 octobre 2017 Dernière intervention - 18 avril 2017 à 19:03
ah ok. merci et bien reçu
Répondre
muramasakatana 22Messages postés samedi 12 novembre 2016Date d'inscription 6 octobre 2017 Dernière intervention - 18 avril 2017 à 19:54
ca ne m'a pas beaucoup aider. je voudrais juste savoir pourquoi ma fonction ne reconnais pas x comme etant un nombre
Répondre
jordane45 18784Messages postés mercredi 22 octobre 2003Date d'inscription ModérateurStatut 12 novembre 2017 Dernière intervention - 18 avril 2017 à 20:15
Montres ton code modifié. ...
Répondre
Donnez votre avis
Utile
+0
plus moins
Tiens cadeau :

<!DOCTYPE html>
<html>
  <head>
    <title>TEST</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf8"/>
  </head>
  <body>

    <input type="number" id="x" min="6" max="12" name="number">
    <input type="button" name="valider" value="go" onclick="formulesDuCode();">

    <script type='text/javascript'>
    function formulesDuCode(){
      var x = parseInt(document.getElementById("x").value);
     
      console.log("x = "+ x);
      console.log(typeof(x));
      
      // si x != x => NaN   
      if(x == x && typeof(x)=="number"){
        console.log ("c'est un nombre");
      }else{
        console.log ("ce n'est pas un nombre");
      }
    }
       
    </script>
  </body>
</html>

muramasakatana 22Messages postés samedi 12 novembre 2016Date d'inscription 6 octobre 2017 Dernière intervention - 21 avril 2017 à 11:16
désolé, j'etais absent.

            <section class="sujet2">
                <ol type="I">
                    <li>sujet de la question 1<br><br>
                        1 : bblablabla      2 : bblablabla
                    </li> <br><hr><br>
                    
                    <li>sujet de la question 2<br><br>
                        1 : bblablabla      2 : bblablabla
                    </li> <br><hr><br>
                    
                    <li>sujet de la question 3<br><br>
                        1 : bblablabla      2 : bblablabla
                    </li> <br><hr><br>
                    
                    <li>sujet de la question 4<br><br>
                        1 : bblablabla      2 : bblablabla
                    </li> <br><hr><br>
                </ol>
                <input type="number" min="6" max="12" name="number" id="x">
                <input type="submit" value="valider" id="clique"><br><br>
                <p id="resultat"></p>
                
            </section>
        </article>
        <footer>
            
        </footer>
        <script>
            var xp = parseInt(document.getElementById("x").value);
            var clique = document.getElementById('clique');
            var result = document.getElementById('resultat');
            clique.addEventListener('click', formulesDuCode);
            
            function formulesDuCode(){
                if(typeof(xp) == "number" === true){
                    if(xp == 6 === true){
                        alert("personnalité 1");
                    }
                    else if(xp == 7 === true){
                        alert("personnalité 2");
                    }
                    else if(xp == 8 === true){
                        alert("personnalité 3");
                    }
                    else{
                        result.innerHTML = 'le nombre est incorrect';
                        result.style.color = "red";
                    }
                }
                else{
                result.innerHTML = 'veuillez entrer un nombre';
                result.style.color = "red";
                }
            }    
        </script>
    </body>
</html>

EDIT : Ajout des BALISES DE CODE

Répondre
jordane45 18784Messages postés mercredi 22 octobre 2003Date d'inscription ModérateurStatut 12 novembre 2017 Dernière intervention - 21 avril 2017 à 11:20
Oui et ???
Tu as vu le code que je t'ai proposé ?????

*
Et puis.. évite les doubles égalités ...
if(typeof(xp) == "number" === true){

s'écrit simplement :
if(typeof(xp) == "number" ){
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !