J'essaie de faire un simple calcul de deux chiffres qui permettent à l'utilisateur de les multiplier ou de les diviser. Je sais qu'il y ait d'autres moyens le faire avec une manière moins de code, mais j'aimerais comprendre pourquoi ma boîte de résultat affiche Nan. J'ai testé pour vous assurer que les variables UserInput1 et UserInput2 sont à la fois des chiffres, mais on dirait que quelque chose se passe à l'intérieur des autres fonctions pour le faire nan.`
p>
<label for="input1">1st Number</label><input id="input1"><br> <label for="input2">2nd Number</label><input id="input2"><br> <button id="multiply" type="button">Multiply</button> <button id="divide" type="button">divide</button><br> <label for="resultOutput">Result is</label> <input id="resultOutput">
3 Réponses :
Je félicite votre tentative de comprendre cela. Donc, il y a deux problèmes que je vois.
avant tout, vous n'obtenez pas la valeur des intrants. Vous devez utiliser Vous devez également récupérer cette valeur avant de faire chaque opération. Ici, vous le voyez en action: p> p> $ (entrée1 '). Valeur code> pour extraire la valeur réelle de l'entrée. P>
<label>1st Number</label><input id="input1"><br><br>
<label>2nd Number</label><input id="input2"><br><br>
<button id="multiply">Multiply</button>
<button id="divide">divide</button><br><br>
<label>Result is</label> <input id="resultOutput">
Ceci pourrait fonctionner.
p>
<label>1st Number</label><input id = "input1"><br><br>
<label>2nd Number</label><input id = "input2"><br><br>
<button id = "multiply">Multiply</button>
<button id = "divide">divide</button><br><br>
<label>Result is</label> <input id = "resultOutput">J'ai trouvé la solution pour votre application hier hier mais j'ai perdu mon internet et j'ai été incapable de répondre
Annother Solution Créer une fonction getinput () afin que vous puissiez tester si la valeur est un nombre ... est non vide, etc ...: p>
p>
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>oLogin</title> <link rel="stylesheet" href="../css/reset.css"> <!-- Font --> <link rel="stylesheet" href="../css/style.css"> </head> <body> <label>1st Number</label><input id ="input1"><br><br> <label>2nd Number</label><input id ="input2"><br><br> <button id ="multiply">Multiply</button> <button id ="divide">divide</button><br><br> <label>Result is</label> <input id ="resultOutput"> </div> <script src="../js/app.js"></script> </body> </html>
Dupliqué possible de Input.Value retourne Nan
J'ai testé pour vous assurer que les variables UserInput1 et UserInput2 sont à la fois des chiffres Non, vous avez testé si tout ce que
parseint retourne est deNuméro de type .