Scribd Logo
Importer

Bienvenue sur Scribd !

  • Menu Et Formulaire en Javascript

    Transféré par

    Ayoub Acres
    61 vues4 pages

    Titre original

    MENU ET FORMULAIRE EN JAVASCRIPT

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    61 vues4 pages

    Menu Et Formulaire en Javascript

    Transféré par

    Ayoub Acres

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Créer la page web menu.

    html suivante :

    Sachant que :
    Entrée prix Plat principal Prix
    Crudités 12.5 Steak-frites 30
    Pâté en croute 18 choucroute 27.5
    Œufs mayonnaise 9.5 cassoulet 32.5
    Avocats 24.75 couscous 37

    Dessert prix
    Yaourt 12.5
    Fruits 10
    Glace 16.5
    Tartelette 19.75

    Le clic sur le bouton facture : Doit faire les vérifications suivantes avant d’éditer la facture :
    ✓ Nom chaine alphabétique non vide et de 30 caractères au maximum commençant par un
    majuscule
    ✓ Prénom non vide
    ✓ Choix du genre obligatoire
    ✓ Choix de menu (entrée,plat,dessert) obligatoire
    ✓ Si le client est abonné il aura une remise de 10 %

    1
    Dans la zone de textarea afficher la facture de cette manière

    Mr/Mme nom prenom


    Entrée prix
    Plat principal prix
    Dessert prix
    Total …….

    <script>
    function facture()
    {//NOM ET VERIF
    nom=document.getElementById('t1').value;
    if((nom=='')||(nom.length>30)||(nom.charAt(0)!=nom.charAt(0).toUpperCase()))
    {alert('erreur nom');
    return false;}
    //PRENOM NON VIDE
    pre=document.getElementById('t2').value;
    if(pre.length==0)
    {alert('verifier le prenom');
    return false;
    }
    //verifi genre
    if((document.getElementById('r1').checked==false)&&(document.getElementById('r2').checked==false))
    {alert('choix du genre obligatoire');
    return false;}
    //CHOIX ENTREE
    if(document.getElementById('s1').selectedIndex==0)
    {alert('entree obligatoire');
    return false;}
    //CHOIX plat
    if(document.getElementById('s2').selectedIndex==0)
    {alert('plat obligatoire');
    return false;}
    //CHOIX dessert
    if(document.getElementById('s3').selectedIndex==0)
    {alert('dessert obligatoire');
    return false;}
    //edition de facture
    nom=document.getElementById('t1').value;
    prenom=document.getElementById('t2').value;
    if(document.getElementById('r1').checked==true)
    {g='MR';}
    else
    {g='Mme';}

    me=document.getElementById('s1')[document.getElementById('s1').selectedIndex].text;
    pe=document.getElementById('s1')[document.getElementById('s1').selectedIndex].value;
    mp=document.getElementById('s2')[document.getElementById('s2').selectedIndex].text;
    pp=document.getElementById('s2')[document.getElementById('s2').selectedIndex].value;
    md=document.getElementById('s3')[document.getElementById('s3').selectedIndex].text;
    pd=document.getElementById('s3')[document.getElementById('s3').selectedIndex].value;
    total=Number(pe)+Number(pp)+Number(pd);
    if(document.getElementById('c1').checked==true)
    {total=total-(total*10)/100;}
    2
    document.getElementById('z1').value=g+' '+nom+' '+prenom+' '+me+' '+pe+' '+mp+' '+pp+' '+md+' '+
    pd+' '+'total='+total;
    return false;
    }
    </script>
    </head>

    <body>
    <form name="form1" method="post" action="">
    <p>nom
    <input type="text" name="textfield" id='t1'>
    </p>
    <p>prenom
    <input type="text" name="textfield2" id='t2'>
    </p>
    <p>genre
    <input type="radio" name="radiobutton" value="radiobutton" id='r1'>
    homme
    <input type="radio" name="radiobutton" value="radiobutton" id='r2'>
    femme </p>
    <p>client abonn&eacute;
    <input type="checkbox" name="checkbox" value="checkbox" id='c1'>
    </p>
    <p>entree
    <select name="select" id='s1'>
    <option>selectionner</option>
    <option value="12.5">crudit&eacute;s</option>
    <option value="18">pate en croute</option>
    <option value="9.5">oeufs mayonnaise</option>
    <option value="24.75">avocats</option>
    </select>
    </p>
    <p>plat principal
    <select name="select2" id='s2'>
    <option>selectionner</option>
    <option value="30">steak-frites</option>
    <option value="27.5">choucroute</option>
    <option value="32.5">cassoulet</option>
    <option value="37">couscous</option>
    </select>
    </p>
    <p>dessert
    <select name="select3" id='s3'>
    <option>selectionner</option>
    <option value="12.5">yaourt</option>
    <option value="10">fruits</option>
    <option value="16.5">glace</option>
    <option value="19.75">tartelette</option>
    </select>
    </p>
    <p>
    <input type="submit" name="Submit" value="facture" id='b1' onclick='return facture()' >
    <textarea name="textarea" id="z1"></textarea>
    </p>
    </form>
    3
    </body>
    </html>

    Vous aimerez peut-être aussi