Javascript : Exercice n° 1 page 112

Admin Dim 13 Avr - 13:23

Correction de l'exercice 1 page 112 (Si vous avez la moindre question n'hésitez pas à la poser) :

Code:: <html> <head> <title> Exercice 1 page 112 </title> </head> <body onload="document.formulaire.reset();document.formulaire.v1.focus();"> <script language="javascript"> function calcul() { if (formulaire.v1.value=="" || isNaN(formulaire.v1.value)) //Si la valeur de la variable 1 est vide ou n'est pas un nombre { alert("Le champ variable 1 est vide ou n'est pas un nombre !"); formulaire.v1.focus(); //mettre le curseur dans le champ v1 de la variable1 return 0; //sortir de la fonction sinon les actions suivantes vont s'éxécuter } else if (formulaire.v2.value=="" || isNaN(formulaire.v2.value)) //Si la valeur de la variable 1 est vide ou n'est pas un nombre { alert("Le champ variable 2 est vide ou n'est pas un nombre !"); formulaire.v2.focus(); return 0; } if (formulaire.op[0].checked==false && formulaire.op[1].checked==false && formulaire.op[2].checked==false && formulaire.op[3].checked==false) //si aucun radio n'est sélectionné { alert("Vous n'avez pas sélectionné un opérateur !"); return 0; } /*Convertir les valeurs introduites en nombres sinon elles seront considérées comme chaines de caractères et elles seront concaténées par exemple : 10+20 ça va donner 1020 et non pas 30 */ var x = Number(formulaire.v1.value); var y = Number(formulaire.v2.value); if (formulaire.op[0].checked==true) //si le premier radio est sélectionné { r = x+y; alert(x+" + "+y+" = "+r); } else if (formulaire.op[1].checked==true) //si le second radio est sélectionné { r = x-y; alert(x+" - "+y+" = "+r); } else if (formulaire.op[2].checked==true) //si le 3ème radio est sélectionné { r = x*y; alert(x+" * "+y+" = "+r); } else if (formulaire.op[3].checked==true) //si le 4ème radio est sélectionné { r = x/y; alert(x+" / "+y+" = "+r); } } </script> <form name="formulaire"> <label>Variable 1 <input type="text" name="v1" size="10" maxlength="3"></label><br><br> <label>Variable 2 <input type="text" name="v2" size="10" maxlength="3"></label><br> <br> Opérateurs <br><br> <label><input type="radio" name="op" value="addition">Addition</label><br> <label><input type="radio" name="op" value="soustraction">Soustraction</label><br> <label><input type="radio" name="op" value="multiplication">Multiplication</label><br> <label><input type="radio" name="op" value="division">Division</label><br><br> <input type="button" value="Calculer" name="calculer" onClick="calcul();">  <input type="reset" value="Annuler" name="annuler" onClick="formulaire.v1.focus();"> </form> </body> </html>

sana Lun 14 Avr - 21:38

Le program n'est pas executable.
Je voudrais connaitre le rôle de chacun des balise suivantes :
*onload
*!--
*op[0]
*<lable></lable>

Admin Mer 16 Avr - 0:28

sana a écrit:Le program n'est pas executable.
Je voudrais connaitre le rôle de chacun des balise suivantes :
*onload
*!--
*op[0]
*<lable></lable>

Sana, le code est correct.

onLoad : événement qui se déclenche au chargement de la page
: Pour mettre des commentaires explicatifs en html on utilise les balises  et entre ces 2 balises on met le commentaire voulu comme dans cet exemple :
Code:
<body onload="document.formulaire.reset();document.formulaire.v1.focus();">
le commentaire mis entre  ne s'affichera pas sur la page web, ça sert à clarifier le code pour les lecteurs. Dans ce cas, lorsque la gae se charge (onload), on réinitialise le formulaire c'est à dire vider tous ses champs (document.formulaire.reset()) et on met le curseur dans la 1ère zone de texte nommée v1 (document.formulaire.v1.focus()).
Les 3 boutons radio ont le nom "op" donc op[0] désigne le premier radio du formulaire.
<label></label> et non pas <labe></labe> : permet de sélectionner un objet radio par exemple en cliquant sur le texte qui accompagne le bouton et pas nécessairement en cliquant sur le bouton (le petit cercle à cocher).

J'éspère que c'est clair et j'attends toujours vos remarques.

sana Mer 16 Avr - 21:07

Merci,vous avez simplifier le code

Contenu sponsorisé

Javascript : Exercice n° 1 page 112

Javascript : Exercice n° 1 page 112

Re: Javascript : Exercice n° 1 page 112

Re: Javascript : Exercice n° 1 page 112

Re: Javascript : Exercice n° 1 page 112

Re: Javascript : Exercice n° 1 page 112