Lycée Feriana 4SI
Série JavaScript
Exercice n°1 :
Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la
moyenne.
Exercice n°2 :
Ecrire le code d'un fichier HTML qui permet de saisir le numéro du mois et l’année puis affiche le nombre
de jours.
Exercice n°3 :
Ecrire le code d'un fichier HTML permettant d’afficher la table de multiplication d'un entier compris entre 1
et 10.
Exercice n°4 :
Refaire l'exercice n°1 en utilisant une fonction Moyenne, traiter toute les possibilités d’emplacement d’une
fonction :
- Entre <BODY> et </BODY>
- Entre <HEAD> et </HEAD>
Exercice n°5 :
Ecrire le code d'un fichier HTML permettant de calculer et d'afficher le carré d'un nombre saisi au clavier.
Exercice n°6 :
Ecrire le code d'un document HTML, intitulé Calcul, contenant une zone de saisie qui permet d'entrer une
opération à calculer, un bouton (=) pour afficher le résultat et une zone de réponse.
Ajouter un lien hypertexte permettant d’afficher le résultat.
Mr T. Rhimi [Link] AS. 2009-2010
Lycée Feriana 4SI
Exercice n°7 :
Créer un fichier HTML, intitulé Formation, contenant le formulaire suivant :
Le clic sur le bouton "Envoyer" de type submit fait l'appel à une fonction "Verif" écrite en JavaScript et
qui permet de vérifier les conditions suivantes :
Les champs Nom et Prénom, CIN et Adresse e-mail doivent être non vides.
Le champ CIN ne contient que 8 chiffres de 0 à 9.
L’adresse e-mail doit comporter le caractère @.
Le niveau Secondaire est sélectionné par défaut.
On peut choisir au maximum deux modules de formation.
Si les conditions précédentes sont satisfaites, le message suivant sera affiché : "Inscription achevée !!"
Le bouton "Annuler" permet de remettre à vide tous les champs du formulaire.
Mr T. Rhimi [Link] AS. 2009-2010
Lycée Feriana 4SI
Correction
Exercice n°1 : Moyenne
<html>
<head><title>Moyenne</title></head>
<body>
<script language ="JavaScript">
dc1=Number(prompt("Donner la note du dc1 : ",""));
dc2=Number(prompt("Donner la note du dc2 : ",""));
ds= Number(prompt("Donner la note du ds : ",""));
moy=(dc1+dc2+2*ds)/4;
[Link]("la moyenne est : "+moy);
</script>
</body>
</html>
Exercice n°2 : Nombre de jours.
<html>
<head><title>Jours</title></head>
<body>
<script language="JavaScript">
m=Number(prompt("Entrez le numero du mois",""));
a=Number(prompt("Entrez le numero de l’année",""));
switch(m)
{
case 1 : case 3 : case 5 : case 7 : case 8 : case 12: j=31; break;
case 4 : case 6 : case 9 : case 11 : j=30; break;
case 2 : if (a%4==0) j=29; else j=28; break;
}
alert("Le nombre de jours est : "+ j);
</script>
</body>
</html>
Exercice n°3 : Table
<html>
<head><title>Table</title></head>
<body>
<script language ="javascript">
n=Number(prompt("Saisir un entier : ",""));
for(i=0;i<=9;i++)
[Link]("<br>"+n+"*"+i+"="+n*i);
</script>
</body>
</html>
Mr T. Rhimi [Link] AS. 2009-2010
Lycée Feriana 4SI
Exercice n°4 : Fonction
<html>
<head><title>Moyenne</title>
<script language ="JavaScript">
function moyenne(dc1,dc2,ds)
{moy=(dc1+dc2+2*ds)/4; [Link]("la moyenne est : "+moy); }
</script>
</head>
<body>
<script language ="JavaScript">
dc1=Number(prompt("Donner la note du dc1 : ",""));
dc2=Number(prompt("Donner la note du dc2 : ",""));
ds= Number(prompt("Donner la note du ds : ",""));
moyenne(dc1,dc2,ds);
</script>
</body>
</html>
Exercice n°5 : Carré
<html>
<head><title>CARRE</title></head>
<body>
<script language="JavaScript">
function carré()
{var c=[Link]*[Link];
alert("Le carré de "+[Link]+" est " +c); }
</script>
<FORM name="f">
<INPUT type="text" name="nb" size="4">
<INPUT type="button" value="Calculer le carré" onclick="carré()">
</FORM>
</body>
</html>
Exercice n°6 : Calcul
<html>
<head><title>Calcul</title>
<script language ="JavaScript">
function resultat()
{ var a=[Link];
var b=eval(a);
[Link]=b; }
</script>
</head>
<body>
<form name="f">
<input type="text" name="zt1">
<input type="button" value=" = " onclick="resultat()">
<input type="text" name="zt2"><br>
<a href="#" onclick="resultat()">voir</a>
</form>
</body>
</html>
Mr T. Rhimi [Link] AS. 2009-2010
Lycée Feriana 4SI
Exercice n°7 : Formation
<html>
<head><title>FORMATION</title>
<script language ="JavaScript">
function verif()
{ if([Link] == "") { alert("Veuillez taper votre nom et prénom!"); return false; };
if([Link] == "") { alert("Veuillez taper votre CIN!"); return false; };
var v = 1;
var taille =[Link];
for(i=0;i<taille;++i)
{if([Link](i) < "0" || [Link](i) > "9" || taille!=8) v = -1;}
if(v == -1) {alert("Le numéro de votre CIN est incorrect!"); return false; }
if([Link] == "") { alert("Veuillez entrer votre adresse e-mail!"); return false; }
if([Link]('@') == -1) { alert("Adresse e-mail incorrecte!"); return false; }
taille=[Link];
var n=0;
for(i=0;i<taille;i++){if ([Link][i].selected){n+=1};}
if (n==0) {alert("Veuillez choisir un module de formation!"); return false;}
if (n>2) {alert("Veuillez sélectionner au maximum 2 choix!");return false;}
}
</script>
</head>
<body bgcolor="#FFCCCC">
<h2 align="center"><u>INSCRIPTION</u></h2><br>
<form name="f" action="[Link]" method="post" onSubmit="return verif()">
<pre>
Nom et Prénom * : <input type="text" size="30" name="nom"> <br><br>
CIN * : <input type="text" size="10" name="cin"><br><br>
Adresse e-mail * : <input type="text" size="30" name="email"> <br><br>
Niveau :
<input type="radio" name="r" checked value="1"> Secondaire <input type="radio"
name="r" value="2"> Universitaire <input type="radio" name="r" value="3"> Autre<br><br>
Modules de formation :<br>
<SELECT name="list" multiple size="3" >
<OPTION VALUE="Bureautique" >Bureautique</OPTION>
<OPTION VALUE="SE et Réseaux info.">SE et Réseaux info.</OPTION>
<OPTION VALUE="TIC">TIC</OPTION>
<OPTION VALUE="Programmation">Programmation</OPTION>
</SELECT><br><br>
(*) Champs obligatoire
<input type="submit" value="Envoyer"> <input type="reset" value="Annuler">
</pre>
</form>
</body>
</html>
Mr T. Rhimi [Link] AS. 2009-2010