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

Fermé

chaimaebel Messages postés 12 Date d'inscription samedi 18 novembre 2017 Statut Membre Dernière intervention 8 janvier 2018 - Modifié le 6 déc. 2017 à 20:33
chaimaebel Messages postés 12 Date d'inscription samedi 18 novembre 2017 Statut Membre Dernière intervention 8 janvier 2018 - 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

A voir également:

Salut ! Je sais pas est ce que j'ai fait est correcte ! SVp
Vérifier si une phrase est correcte - Guide
Votre appareil ne dispose pas des correctifs de qualité - Guide
Vérifiez que l’url est correcte puis réessayez. - Forum Mozilla Firefox
La fenetre actuelle est trop petite pour afficher correctement cette feuille - Forum Google Docs
Le connecteur d'alimentation n'est pas correctement branché asus - Forum PC portable

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38154 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 4 mai 2024 4 652
6 déc. 2017 à 20:53

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>

Réponse 2 / 2

chaimaebel Messages postés 12 Date d'inscription samedi 18 novembre 2017 Statut Membre Dernière intervention 8 janvier 2018
6 déc. 2017 à 21:05

Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii infiniment Monsieur ! ! Merciiiiiiiiiiiii

Discussions similaires

Un cable réseau n'est pas branché correctement ou est endommagé

probleme firefox la page n'est pas redirigée correctement

exo pix

probleme fortiguard ou fortinet

problème tete d'impression hp officejet

Explications disponibles ici :ICI

Discussions similaires

Newsletters