Ajoutez les deux chiffres et d'afficher le résultat dans la zone de texte avec Javascript
J'essayais juste d'écrire un simple programme javascript qui permettra de démontrer à prendre de l'utilisateur d'entrée de champ de texte et cliquez sur le bouton pour afficher le résultat de la sommation de ces nombre dans un autre champ de texte. Mais, malheureusement, le code ci-dessous ne fonctionne pas. Je suis totalement ignorant dans ce domaine. En cliquant sur le bouton ne pas montrer quoi que ce soit dans le résultat du champ de texte.
S'il vous plaît aider.
<body>
<div>
<div>
<h1>Add two number using text box as input using javascript</h1>
</div>
Enter First Number : <br>
<input type="text" id="Text1" name="TextBox1">
<br>
Enter Second Number : <br>
<input type="text" id="Text2" name="TextBox2">
<br>
Result : <br>
<input type="text" id="txtresult" name="TextBox3">
<br>
<input type="button" name="clickbtn" value="Display Result" onclick="add_number()">
<script type="text/javascript">
function add_number(){
var first_number = parseInt(document.getElementsById("Text1").value);
var second_number = parseInt(document.getElementsById("Text2").value);
var result = first_number + second_number;
document.getElementById("txtresult").innerHTML = result;
}
</script>
- Je suppose que vous avez oublié d'ajouter une fermeture
</div>
avant la<script type="text/javascript"
. - Il Correct? - Merci pour la réponse. Mais ce que vous assumez est pas correct. J'ai vérifié à nouveau, mais sa ne fonctionne pas bien, j'ai fermé le </div>
Vous devez vous connecter pour publier un commentaire.
Ici un travail de violon: http://jsfiddle.net/sjh36otu/
.value
entre parenthèses parce qu'il est vraiment commun à utiliser pour la plupart des gens n'ont pas besoin d'un rappel pour que.Lorsque vous affectez vos variables "first_number" et "second_number", vous avez besoin de changer "document.getElementsById" au singulier "du document.getElementById".
Vous avez fait une simple erreur. Ne vous inquiétez pas....
Utilisez simplement
getElementById
au lieugetElementsById
vrai
Faux
Merci ...
JS:
HTML: