Aide en javascript pour additionner deux variables

Résolu/Fermé
madeog Messages postés 74 Date d'inscription vendredi 12 octobre 2018 Statut Membre Dernière intervention 2 mars 2021 - Modifié le 20 nov. 2018 à 16:26
madeog Messages postés 74 Date d'inscription vendredi 12 octobre 2018 Statut Membre Dernière intervention 2 mars 2021 - 20 nov. 2018 à 22:01
Bonjour
j'aimerais avoir de l'aide. j'ai écrit un code en JavaScript pour additionner deux variables
lorsque j’exécute le résultat ne s'affiche pas. je suis débutante. je pourrai avoir des liens pour m'aider a mieux apprendre javascript
je vous présente mon code.
<!DOCTYPE html>
<html>
 <HEAD>
 <meta charset="UTF-8">
 <TITLE></TITLE>
 <style>
 </style>
 <!-- <script type="text/javascript" src="script/addition.js">
 </script> -->
<script>
 function addition() {
  var Val1 = parseFloat( document.getElementById('Val1').value);
  var Val2 = parseFloat( document.getElementById('Val2').value);
  prompt("Entrer les deux valeurs svp:");
  Val1 = document.formulaire.nombre11.value;
  Val2 = document.formulaire.nombre2.value;
  var somme = parseInt(Val1)+parseInt(Val2);
  document.write("la reponse est:"+somme);
 }
 
</script>
 </HEAD>
 <body>
  <form name="formulaire">
  <span>valeur1:</span><input type='text' name=nombre1 value=''>
  <span>valeur2:</span><input type='text' name=nombre2 value=''>
  <input type="button" value="Addition" onclick="addition();"/>
  </form>
 </body>
</html>


EDIT : AJout des balises de code
A voir également:

1 réponse

jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
20 nov. 2018 à 16:17
Bonjour,

Tu utilises (comme il le faut ) ... le document.getElementById
Sauf que.. dans ton html... ben... tu n'as pas mis d'attribut id à tes éléments....
Et en plus tu cibles Val1 et Val2... mais ils n'existent pas...
Je suppose que c'est nombre1 et 2 ...

Bref... Remplace donc :
<span>valeur1:</span><input type='text' name=nombre1 value=''>
  <span>valeur2:</span><input type='text' name=nombre2 value=''>

par
<span>valeur1:</span><input type='text' id='Val1' value=''>
  <span>valeur2:</span><input type='text' id='Val2' value=''>

0
madeog Messages postés 74 Date d'inscription vendredi 12 octobre 2018 Statut Membre Dernière intervention 2 mars 2021
20 nov. 2018 à 19:17
Merci jordane
je vais essayer et te revenir.
0
madeog Messages postés 74 Date d'inscription vendredi 12 octobre 2018 Statut Membre Dernière intervention 2 mars 2021
20 nov. 2018 à 22:01
MERCI BEAUCOUP CALA A MARCHE
0