Salut ! Je sais pas est ce que j'ai fait est correcte ! SVp
chaimaebel
Messages postés
12
Date d'inscription
Statut
Membre
Dernière intervention
-
chaimaebel Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
chaimaebel Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
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 :ICIMerci d'y penser dans tes prochains messages.Jordane45 |
A voir également:
- Salut ! Je sais pas est ce que j'ai fait est correcte ! SVp
- Votre appareil ne dispose pas des correctifs de qualité et de sécurité importants - Guide
- Vérifier si une phrase est correcte - Accueil - Google
- La page n'est pas redirigée correctement ✓ - Forum Facebook
- Votre pc n'a pas démarré correctement - Forum Windows 10
- Un cable réseau n'est pas branché correctement ou est endommagé - Forum Pilotes (drivers)
2 réponses
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é :
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>
