Scribd Logo
Importer

Bienvenue sur Scribd !

  • Série JavaScript

    Transféré par

    ray
    45 vues4 pages

    Titre original

    Série JavaScript (1)

    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é
    45 vues4 pages

    Série JavaScript

    Transféré par

    ray

    Droits d'auteur :

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

    JavaScript

    Série JavaScript (révision Devoir de contrôle)


    1
    Ex1

    NB : Le bouton refaire permet d’annuler tous les champs

    Ecrire un script qui permet de

    1. Vérifiez que la saisie de code, nom e prénom et


    le niveau comme suit
     Le code doit être un entier composé de 3 chiffres
     Nom et prénom non vide
     Sélection obligatoire du niveau
    2. Une fois la saisie est bien déroulée, le script va
    calculer la note de ce participant
    3. Un message contenant nom et prénom du
    participant suivi de sa note sera affiché

    Ex2

    Ecrire un script qui permet de vérifier la saisie du ce formulaire en tenant compte ces conditions :

     Le champ cin doit être composé de 4 chiffres


     Les champs nom, mail, mot de passe et retaper mot de passe doivent être non vides
     L utilisateur doit cocher une civilité et sélectionner une formation
     Le champ mot de passe doit être composé de 3 chiffres
     Les champs mot de passe et retaper mot de passe égaux
     L utilisateur doit savoir cocher les bonnes lettres du mot « STI »

    Lors de ce contrôle chaque message d’erreur sera affiché dans la partie <div> situé à coté du formulaire et une fois le
    formulaire est bien rempli, ce div sera disparu

    Ex3

    Ecrire un script qui permet de donner 3 possibilités d’essaies pour le nom


    Utilisateur et mot de passe,

    Si il a bien saisie, un div contenant des informations secrètes sera affiché, sinon ces
    deux champs sont désactivés

    Ex4

    Ecrire un script qui permet de : à chaque touche saisie le nombre de caractère


    autorisé diminue de 1 et si il est arrivé à la limite, cad le nombre de caractères autorisé
    est 0 , chaque caractère saisie ne sera pas affiché
    JavaScript

    Correction de EX1
    <html><head>
    <title>ex1</title>
    <script type="text/javascript">
    function test()
    {//recupération
    v1=document.getElementById('a').value;
    v2=document.getElementById('b').value;
    v3=document.getElementById('l1').selectedIndex;
    //test sur le code 3 chiffres
    if((v1.length!=3)||(isNaN(v1))){alert("code erroné"); return false;}
    //test sur le com nn vide
    if(v2==""){alert("nom non vide");return false;}
    //test sur liste de sélection
    if(v3==0){alert(" selection obligatoire");return false;}
    //calcul de la note
    note=0;
    if(document.getElementById('d').checked){note++;}
    if(document.getElementById('l2').selectedIndex==2){note++;}
    if((document.getElementById('C1').checked==false)&&
    (document.getElementById('C2').checked==true)&&
    (document.getElementById('C3').checked==true)&&
    (document.getElementById('C4').checked==true))
    {note++;}
    alert(v2+" votre note est "+note);
    return true; }
    </script>
    </head>
    <body>
    <form >
    Code<input type="text" id="a" >
    Nom et prénom<input type="text" id="b">
    niveau
    <select id="l1">
    <option>choisir</option>
    <option>n1</option>
    <option>n2</option>
    <option>n3</option>
    </select></p>
    <hr>
    <p>chaque question sur un point</p>
    <p>1) La lettre A est
    <input type="radio" value="V1" name="R1" id="c">consonne
    <input type="radio" value="V2" name="R1" id="d">voyelle</p>
    <p>2)le mot "TIC" est composé de
    <select size="3" id="l2">
    <option>un</option>
    <option>deux</option>
    <option>trois</option>
    </select>
    caractères</p>
    <p>3)Les lettres du mot "STI"
    <input type="checkbox" id="C1" >G
    <input type="checkbox" id="C2" >T
    <input type="checkbox" id="C3" >I
    <input type="checkbox" id="C4" >S</p>
    JavaScript
    <p><input type="submit" value="note" onclick="return test();" >
    3 <input type="reset" value="Refaire"></p>
    </form></body></html>
    Correction de Ex3
    <html>
    <head>
    <title>ex3</title>
    <style type="text/css">
    #x{display: none;}
    </style>
    <script language=javascript>
    //variable globale déclarée hors fonction
    nbe=3;
    function test(){
    //recuperation
    v1=document.getElementById("a").value;
    v2=document.getElementById("b").value;
    //test
    if((v1=="ut")&&(v2=="mp"))
    //afficher le div
    {document.getElementById("x").style.display="block";}
    //afficher le message d'erreur avec décrémentation du nombre d'essaies
    else{alert("erreur vous avez "+nbe+" possibiltés"); nbe--;}
    //test sur le nombre d’essaies restant et désactivation
    if(nbe==0){document.getElementById('a').disabled=true;
    document.getElementById('b').disabled=true;
    document.getElementById('c').disabled=true;
    }}
    </script>
    </head>
    <body>
    <form >
    <p>nom utilisateur <input type="text" id="a" ></p>
    <p>mot de passe <input type="password" id="b" ></p>
    <p><input type="button" id="c" value="entrer" onclick="test();"></p>
    </form>
    <div id="x"> votre secret !!!!!</div>
    </body>
    </html>
    Correction EX4
    <html>
    <head>
    <title>votre message</title>
    <script type="text/javascript">
    function trt()
    {if (Number(document.getElementById("a").value)==0)
    {document.getElementById("a").readonly=true;
    document.getElementById("S1").value=document.getElementById("S1").value.substring(0,10);}
    else{document.getElementById("a").value=Number(document.getElementById("a").value)-1;}
    }
    </script>
    </head>
    <body>
    <form>
    <p>votre message <textarea id="S1" onkeyup="trt();"></textarea></p>
    <p>Nombre de caractères autorisé <input type="text" id="a" size="8" value="10" readonly></p>
    </form>
    </body>
    </html>
    JavaScript

    Vous aimerez peut-être aussi