Javascript : Exercice n° 1 page 112

Aller en bas

Javascript : Exercice n° 1 page 112

Message  Admin le 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();"><!-- au chargement de la page réinitialisation du formulaire et mettre curseur sur la 1ère zone de texte-->
<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 permet de pouvoir mettre le curseur dans la zone de texte lorsqu'on clique sur sa désignation-->
<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><!--label permet de sélectionner l'option en cliquant sur sa désignation et pas forcément en cliquant sur le radio--><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();">&nbsp;
<input type="reset" value="Annuler" name="annuler" onClick="formulaire.v1.focus();">
</form>
</body>
</html>

_________________
LA SIMPLICITE EST LE SECRET DE L'ELEGANCE
avatar
Admin
Admin

Messages : 72
Date d'inscription : 24/10/2007

Voir le profil de l'utilisateur http://4eme-si.forumpro.fr

Revenir en haut Aller en bas

Re: Javascript : Exercice n° 1 page 112

Message  sana le 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>

sana

Messages : 11
Date d'inscription : 25/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Javascript : Exercice n° 1 page 112

Message  Admin le 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
  • <!--commentaire--> : Pour mettre des commentaires explicatifs en html on utilise les balises <!-- et --> et entre ces 2 balises on met le commentaire voulu comme dans cet exemple :
    Code:

    <body onload="document.formulaire.reset();document.formulaire.v1.focus();"><!-- au chargement de la page réinitialisation du formulaire et mettre curseur sur la 1ère zone de texte-->
    le commentaire mis entre <!-- et --> 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.

_________________
LA SIMPLICITE EST LE SECRET DE L'ELEGANCE
avatar
Admin
Admin

Messages : 72
Date d'inscription : 24/10/2007

Voir le profil de l'utilisateur http://4eme-si.forumpro.fr

Revenir en haut Aller en bas

Re: Javascript : Exercice n° 1 page 112

Message  sana le Mer 16 Avr - 21:07

Merci,vous avez simplifier le code

sana

Messages : 11
Date d'inscription : 25/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: Javascript : Exercice n° 1 page 112

Message  Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum