Bonjour
je réalise une calculatrice
dont voici le code :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 <div class="content"> <h1>Veuillez saisir les valeurs:</h1> <div class="champ"> <div class="premier"> <input type="number" class="first"> </div> <div class="deuxieme"> <input type="number" class="second"> </div> <select name="nom" id="choix"> <option class="addition" value="+">'+'</option> <option class="soustraction" value="-">'-'</option> <option class="multiplication" value="*">'*'</option> <option class="division" value="/">'/'</option> <option class="modulo" value="%">'%'</option> </select> </div> <button type="submit" class="try">Try me !</button> </div>
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 let nombreUn=document.querySelector('first'); console.log('nombreUn'); let nombreDeux=document.querySelector('second'); console.log('nombreDeux'); let calcul=document.querySelector('.try'); let one=0; let two=0; let operation=0; let result=0; nombreUn=parseInt(one.value); nombreDeux=parseInt(two.value); const add=document.getElementById('choix').options[0].value; const moins=document.getElementById('choix').options[1].value; const mult=document.getElementById('choix').options[2].value; const div=document.getElementById('choix').options[3].value; const mod=document.getElementById('choix').options[4].value; calcul.addEventListener('click',() =>{ if( operation === add ){ while(nombreDeux < 0){ alert("error") } result= nombreUn + nombreDeux; alert('le resultat:'+ result ); console.log('le resultat:'+ result) } } );
le soucis est que rien ne se passe quand je clique sur le bouton try qui est censé lancer le calcul
je n ' ai pas de message d 'erreur
Merci pour les éventuelles pistes
Partager