Pb sur formulaire javascript

Pb sur formulaire javascript - HTML/CSS - Programmation

Marsh Posté le 29-10-2009 à 17:05:34    

Bonjour à tous.
Je veux faire un petit script pour une page Html, le but étant de calculer son poids idéal
J'ai donc fait ce programme (cf ci-dessous), mais lorsque qu'on clique sur le "calculer votre poids idéal", aucune fenetre n'apparait. Et bien sur, je ne comprends pas pourquoi. Si vous avez une idée, je vous remercie. Inutile de vous dire que je suis plus que débutant!

Citation :


<HEAD><TITLE>Calcul du poids</TITLE>
 
  <SCRIPT Language ="JavaScript" type="text/javascript">
   // étape : définition de la fonction afficheMessage
   function afficheMessage(m){
    alert(m);}  
   
   
   // première étape : définition de la fonction homme
   function calculHomme(t){
    var t;  
    t = document.poids.taille.value;
     
    return 0.9*(t-100);}
     
   // deuxieme étape : définition de la fonction femme  
   
   function calculFemme(t){
    var t;
    t = document.poids.taille.value;
     
    return 0.85*(t-100);}
     
   // troisième étape : définition de la fonction principale
   
   function Principale(){
   
    var p,s,n,t,mess;
     
     
     if (document.poids.sexe[0].checked==true){
     p = calculHomme(t);
     s = "Monsieur";}
     else{
     p = calculFemme(t);
     s = "Madame";}
       
    n = document.poids.nom.value;
     
    mess = "Bonjour "+ s +" "+ n ". Votre poids idéal est : " +p+ " kg";
    afficheMessage(mess);}
   
   
  </SCRIPT>
 
 <HEAD>
 <BODY>
 
   
   
  <Form method="post" name="poids"  enctype ="text/plain">
   <H1>Calculez votre poids idéal!!!!!</H1>
    Entrez votre nom :  
   <Input type="text" name = "nom"><br>
    Entrez votre taille en cm :  
   <Input type="text" name = "taille"><br>
 
   <input type = "radio" name = "sexe" checked> Homme
   <input type = "radio" name = "sexe" > Femme
   <input type = "button" value = "Calculer votre poids" Onclick = "Principale();">
   <input type = "reset" value = "Annuler">
 
  </Form>
   
   
 </BODY>


 
Merci beaucoup !! :bounce:

Reply

Marsh Posté le 29-10-2009 à 17:05:34   

Reply

Marsh Posté le 29-10-2009 à 20:14:39    

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.  <title>Calcul du poids</title>
  6.  <script type="text/javascript">
  8.   var form = null;
  10.   // étape : définition de la fonction afficheMessage
  11.   function afficheMessage(m)
  12.   {
  13.    alert(m);
  14.   } 
  17.   // première étape : définition de la fonction homme
  18.   function calculHomme(t)
  19.   {
  20.    var t = form.taille.value;
  21.    
  22.    return 0.9*(t-100);
  23.   }
  24.    
  25.   // deuxieme étape : définition de la fonction femme   
  27.   function calculFemme(t)
  28.   {
  29.    var t = form.taille.value;
  30.    
  31.    return 0.85*(t-100);
  32.   }
  33.    
  34.   // troisième étape : définition de la fonction principale
  36.   function Principale()
  37.   {
  38.    form = document.forms[0];
  40.    var t = form.taille;
  41.    var s = null;
  43.    if (form.sexe[0].checked==true)
  44.    {
  45.     p = calculHomme(t);
  46.     s = "Monsieur";}
  47.    else
  48.    {
  49.     p = calculFemme(t);
  50.     s = "Madame";
  51.    }
  52.      
  53.    n = form.nom.value;
  54.    
  55.    mess = "Bonjour "+ s +" "+ n + ". Votre poids idéal est : " + p + " kg";
  56.    afficheMessage(mess);
  57.   }
  59.  </script>
  60. </head>
  61. <body>
  62.  <form method="post">
  63.   <dl>
  64.    <dt>Calculez votre poids idéal!!!!!</dt>
  65.    <dd><label>Entrez votre nom :</label></dd>
  66.    <dd><input type="text" name="nom" /></dd>
  67.    <dd><label>Entrez votre taille en cm :  </label></dd>
  68.    <dd><input type="text" name="taille" /></dd>
  70.    <dd><input type="radio" name="sexe" value="homme" checked="checked"/> Homme</dd>
  71.    <dd><input type="radio" name="sexe" value="femme" /> Femme</dd>
  72.    <dd><input type="button" value="Calculer votre poids" onclick="Principale();" /></dd>
  73.    <dd><input type="reset" value="Annuler" /></dd>
  74.   </dl>
  75.  </form>
  76. </body>
  77. </html>


Message édité par stealth35 le 29-10-2009 à 20:15:20
Reply

Marsh Posté le 29-10-2009 à 22:40:44    

Merci beaucoup pour cette aide précieuse.
Je continue à modifier mon script !
Bonne soirée !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed