Salut ! Je sais pas est ce que j'ai fait est correcte ! SVp

chaimaebel 10 Messages postés samedi 18 novembre 2017Date d'inscription 6 décembre 2017 Dernière intervention - 6 déc. 2017 à 19:30 - Dernière réponse : chaimaebel 10 Messages postés samedi 18 novembre 2017Date d'inscription 6 décembre 2017 Dernière intervention
- 6 déc. 2017 à 21:05
Bonjour,
<!Doctype html>
<html>
<head>
<title>Calculatrice de chaimae</title>
<script type="text/javascript">
 var nb1=parseInt(getElementById("nb1").value);
 var nb2=parseInt(getElementById("nb2").value);
 function Somme(nb1,nb2){
  return getElementById("res").value=nb1+nb2;
 }
 function Sustraction(nb1,nb2){
  return getElementById("res").value=nb1-nb2;
 }
 function Puissance(){
return getElementById("res").value=Math.pow(nb1,nb2);
 }
 function Maxx(){
  return getElementById("res").value=Math.max(nb1,nb2);
 }
 function Minn(){
  return getElementById("res").value=Math.min(nb1,nb2);
 }
</script>
</head>
<body>
 <center> <h1>Voilaa Mon premiére calculatrice </h1></center> <br>
<center><h3>C'est vrai c'est tu'une calculatrice essayéé Moi ! </h3></center>

 <center>
 <label id="1">Nombre 1:</label>
 <input type="text" name="text" id="nb1"><br><br>
 <label id="2">Nombre 2:</label><input  id="nb2" type="text" name="text"><br><br>
 <input id="S" type="button" name="somme" value="Somme" onclick=" Somme(nb1,nb2)"> <input id="s" type="button" name="Sustraction" value="Sustraction" onclick="Sustraction(nb1,nb2)"> <input id="M" type="button" name="Min" value="Min"> <input id="mi" type="button" name="Min" value="Min" onclick=" Minn()"> <input id="Ma" type="button" name="Max" value="Max" onclick="Maxx()"> <br><br>
 <label id="3">Result:</label>
 <input type="text" name="text" id="res" >
 </center>
</body>
</html>


EDIT : Ajout du LANGAGE dans les balises de code (la coloration syntaxique).

Explications disponibles ici :ICI

Merci d'y penser dans tes prochains messages.
Jordane45


Afficher la suite 
10Messages postés samedi 18 novembre 2017Date d'inscription 6 décembre 2017 Dernière intervention

2 réponses

Répondre au sujet
jordane45 19213 Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut 12 décembre 2017 Dernière intervention - 6 déc. 2017 à 20:53
+1
Utile
Bonjour,

Non.

Déjà.. pour voir les éventuelles erreurs de code.. il faut utiliser la CONSOLE de ton navigateur.
Cela t'aurait indiqué un souci au niveau des lignes de code qui utilisent getElementById ....
Ensuite, tu récupères les valeurs NB1 et NB2 ... Dès le départ... sauf que tu n'as même pas encore affiché la page... elles sont donc vides.

Il y a aussi des erreur de syntaxe htlm...

Et pour finir.. prend l'habitude de mettre le JS à la FIN de ta page plutôt que dans le head (contrairement à ce qui était indiqué il y a 15 ans.... )

Donc voici ton code revu et corrigé :
<!Doctype html>
<html>
  <head>
    <title>Calculatrice de chaimae</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <center> <h1>Voilaa Mon premiére calculatrice </h1></center> <br>
    <center><h3>C'est vrai c'est tu'une calculatrice essayéé Moi ! </h3></center>

     <center>
      <label for="nb1">Nombre 1:</label>
      <input type="text" id="nb1"><br><br>
      <label for="nb2">Nombre 2:</label>
      <input type="text" id="nb2"><br><br>
      <input id="S" type="button"  value="Somme" onclick="calcul('Somme');"> 
      <input id="s" type="button"  value="Sustraction" onclick="calcul('Sustraction');"> 
      <input id="p" type="button"  value="Puissance" onclick="calcul('Puissance');"> 
      <input id="MI" type="button" value="Min" onclick="calcul('Minn');"> 
      <input id="Ma" type="button" value="Max" onclick="calcul('Maxx');"> 
      <br><br>
      <label id="3">Result:</label>
      <input type="text" name="text" id="res" >
     </center>
     
      <script type="text/javascript">
         function calcul(operation){
          var inputNb1 = document.getElementById("nb1");
          var inputNb2 = document.getElementById("nb2");
          var nb1=parseInt(inputNb1.value);
          var nb2=parseInt(inputNb2.value);
          var result = '';
          switch(operation)
          {
            case 'Somme':
              result =  Somme(nb1,nb2);
              break;
            case 'Sustraction':
              result =  Sustraction(nb1,nb2);
              break;  
            case 'Minn':
              result =  Minn(nb1,nb2);
              break;
            case 'Maxx':
              result =  Maxx(nb1,nb2);
              break;  
            case 'Puissance':
              result = Puissance(nb1,nb2);
              break;
            default:
              alert("opération inconnue !");
              break;
          }
          document.getElementById("res").value = result;
         }
         
        function Somme(nb1,nb2){
           return nb1+nb2;
        }
        function Sustraction(nb1,nb2){
           return nb1-nb2;
        }
        function Puissance(nb1,nb2){
           return Math.pow(nb1,nb2);
        }
        function Maxx(nb1,nb2){
           return Math.max(nb1,nb2);
        }
        function Minn(nb1,nb2){
           return Math.min(nb1,nb2);
        }
    </script>
     
  </body>
</html>


Commenter la réponse de jordane45
chaimaebel 10 Messages postés samedi 18 novembre 2017Date d'inscription 6 décembre 2017 Dernière intervention - 6 déc. 2017 à 21:05
0
Utile
Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii infiniment Monsieur ! ! Merciiiiiiiiiiiii
Commenter la réponse de chaimaebel