Le code Javascript de base en mathématiques champ de texte

bonjour im nouveau et de l'apprentissage de javascript.

Je suis en train de faire un programme de plus par le biais de champ de texte.

Vérifier le code html sur js fiddle http://jsfiddle.net/fCXMt/

Ce que j'ai besoin de savoir, c'est comment puis-je accepter une entrée de l'utilisateur dans un champ de texte et d'afficher la sortie dans P tag.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>untitled</title>
</head>
<body>
<input id="value1" type="text" />
<span> + </span>
<input id="value2" type="text" />
<input type="submit" onclick="output();">
<p id="result"> </p>

<script type="text/javascript" language="javascript" charset="utf-8">
var value1 = document.getElementById('value1').innerHTML;
var value2 = document.getElementById('value2').innerHTML;

function output(){
    document.getElementById('result').innerHTML = value1 + value2;
}

</script>
</body>
</html>
InformationsquelleAutor kevvvin | 2011-06-18
  1. 1

    La propriété pour obtenir la valeur d'un textbox est value, pas innerHTML, le changement, et vous aurez également besoin d'utiliser eval ou parseInt sur la zone de texte valeurs, sinon il va concaténer des chaînes de caractères.

    Aussi, vous avez besoin de déplacer vos déclarations de variables à l'intérieur de la fonction, de sorte que lorsque la fonction est appelée, les valeurs actuelles de la zones de texte sont récupérées.

    Voir mise à jour de violon ici.

    InformationsquelleAutor James Allardice
  2. 3

    Vous devez saisir les valeurs dans les champs d'entrée après le clic sur le bouton, et l'utilisation de la value propriété (pas innerHTML) de le faire. Aussi, assurez-vous que vous êtes en train d'ajouter des numéros et pas concaténer des chaînes. Essayez ceci:

    function output(){
    var value1 = document.getElementById('value1').value;
    var value2 = document.getElementById('value2').value;

    document.getElementById('result').innerHTML = parseInt(value1) + parseInt(value2);
}
    InformationsquelleAutor Kon
  3. 1

    Vous devez accéder à la propriété "valeur" des champs de saisie et les analyser comme des nombres entiers:

    var value1 = parseInt(document.getElementById('value1').value);
var value2 = parseInt(document.getElementById('value2').value);
    InformationsquelleAutor jbachman
  4. 1

    Vous ne lisez pas les valeurs une fois, vous devriez les lire dans la fonction de sortie;
    Vous avez besoin de les analyser pour les entiers ainsi, depuis le 1+4 deviendra 14 si vous utilisez des chaînes.
    Pourrait être mieux, mais cela devrait fonctionner.

    <script type="text/javascript" language="javascript" charset="utf-8">

function output(){
    var value1 = parseInt(document.getElementById('value1').value);
    var value2 = parseInt(document.getElementById('value2').value);
    document.getElementById('result').innerHTML = value1 + value2;
}

</script>
    InformationsquelleAutor fijter
  5. 1

    Complet: votre script pourrait être mieux. Basé sur votre formulaire, j'ai fait cuire un autre jsfiddle exemple.

    InformationsquelleAutor KooiInc
  6. 0

    Lors de l'obtention de valeur, multipliez-le par 1, il analyse la valeur en nombre

    const value1 = document.getElementById('value1').innerHTML.value * 1;
const value2 = document.getElementById('value2').innerHTML.value * 1;
document.getElementById('result').innerHTML = value1 + value2;
    InformationsquelleAutor Rushikesh Bharad