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
