HELP ME : code javascript SERIE TIC 4SI
Fichier « EX1.html »
<html> <head>
<title>exercice1: tableau de multiplication</title>
<script language="javascript" >
function calculer()
{var x=Number(document.free.var1.value);
document.write("RESULTAT :");
document.write("<UL>");
for(i=1;i<10;i++)
{document.write("<li>");
document.write(x+" x "+i+" = "+eval(x*i));
document.write("</li>");
}
document.write("</UL>");
}
function calculer2()
{document.free.aff.value="";
var x=Number(document.free.var1.value);
for(i=1;i<10;i++)
{ document.free.aff.value+="* "+x+" x "+i+" = "+eval(x*i)+"\n" ;}
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
Table de : <input name="var1" type="text" size="20" value="5"><br>
<input type="button" value="AFFICHER" onclick="calculer()"><br>
<input type="button" value="AFFICHER2" onclick="calculer2()"><br>
<textarea name="aff" cols="30" rows="20"></textarea>
</form></body></html>
Fichier « EX2.html »
<html><head>
<title>exercice2: vote</title>
<script language="javascript" >
function afficher()
{ for(i=0;i<3;i++)
{if (document.free.opt[i].checked==true)
{var vote=document.free.opt[i].value;
}}
document.free.aff.value=vote;
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
Table de : <input name="opt" type="radio" value="oui"> oui
<input name="opt" type="radio" value="non"> non
<input name="opt" type="radio" value="abstention"> abstention
<input type="button" value="AFFICHER" onclick="afficher()"><br>
1 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
<input type="text" name="aff"><br>
</form></body></html>
Fichier « EX3.html »
<html><head>
<title>exercice3: tracer un tableau</title>
<script language="javascript" >
function tra()
{var x=Number(document.free.var1.value);
var y=Number(document.free.var2.value);
document.write("<table border='2'>");
for(i=1;i<=x;i++)
{document.write("<TR>");
for(j=1;j<=y;j++)
{ if ((i+j)%2==0)
document.write("<TD bgcolor='red'><font color='green'>"+i+" L "+j+" C</font></td>");
else
document.write("<TD bgcolor='blue'><font color='green'>"+i+" L "+j+" C</font></td>"); }
document.write("</TR>");
}
document.write("</table>");
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
donner le nombre de ligne: <input name="var1" type="text" size="20"><br>
donner le nombre de colonne: <input name="var2" type="text" size="20"><br>
<input type="button" value="TRACER CE TABLEAU" onclick="tra()"><br>
</form></body></html>
Fichier « EX4.html »
<html><head>
<title>exercice4: test d'évaluation</title>
<script language="javascript" >
function corrige1()
{ /* test Q 1 */
var note1=0;
if (document.free.q1[0].checked==false)
{note1+=1;document.write("Q1 : proposition A est correcte<br> ");} else
{document.write("Q1 : proposition A est fausse <br>");}
if (document.free.q1[1].checked==true)
{note1+=1;document.write("Q1 : proposition B est correcte <br>");} else
{document.write("Q1 : proposition B est fausse <br>");}
if (document.free.q1[2].checked==true)
{note1+=1;document.write("Q1 : proposition B est correcte <br>");} else
{document.write("Q1 : proposition B est fausse <br>");}
2 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
document.write("Q1 : votre note est : "+note1+" sur 3<br>");
/* test Q 2 */
var note2=0;
if (document.free.q2[0].checked==true)
{note2+=1;document.write("Q2 : proposition A est correcte<br> ");} else
{document.write("Q2 : proposition A est fausse <br>");}
if (document.free.q2[1].checked==false)
{note2+=1;document.write("Q2 : proposition B est correcte <br>");} else
{document.write("Q2 : proposition B est fausse <br>");}
if (document.free.q2[2].checked==true)
{note2+=1;document.write("Q2 : proposition B est correcte <br>");} else
{document.write("Q2 : proposition B est fausse <br>");}
document.write("Q2 : votre note est : "+note2+" sur 3<br>");
/* test Q 3 */
var note3=0;
if (document.free.q3[0].checked==true)
{note3+=2;document.write("Q3 : proposition A est correcte<br> ");} else
{document.write("Q3 : proposition A est fausse <br>");}
if (document.free.q3[1].checked==false)
{note3+=2;document.write("Q3 : proposition B est correcte <br>");} else
{document.write("Q3 : proposition B est fausse <br>");}
if (document.free.q3[2].checked==true)
{note3+=2;document.write("Q3 : proposition B est correcte <br>");} else
{document.write("Q3 : proposition B est fausse <br>");}
document.write("Q1 : votre note est : "+note3+" sur 6<br>");
document.write("NOTE TOTAL est: "+eval(note1+note2+note3)+" sur 12<br>");
}
function corrige2()
{
/* test Q 1 */
if ((document.free.q1[1].checked==true)&&(document.free.q1[2].checked==true)&&
(document.free.q1[0].checked==false))
{document.write("Q1 : bonne réponse<br>");}
else
{document.write("Q1 : <u>mauvaise réponse</u><br>");}
/* test Q 2 */
if ((document.free.q2[0].checked==true)&&(document.free.q2[2].checked==true)&&
(document.free.q2[1].checked==false))
{document.write("Q2 : bonne réponse<br>");}
else
{document.write("Q2 : <u>mauvaise réponse</u><br>");}
/* test Q 3 */
if ((document.free.q3[0].checked==true)&&(document.free.q3[2].checked==true)&&
(document.free.q3[1].checked==false))
{document.write("Q2 : bonne réponse<br>");}
else
{document.write("Q2 : <u>mauvaise réponse</u><br>");}
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<center>TEST D'AUTO EVALUATION</center><br><br><br>
<form name="free">
3 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
Q 1 : LINUX est un système :
<input name="q1" type="checkbox" value="A"> mono tâche
<input name="q1" type="checkbox" value="B"> multi tâche
<input name="q1" type="checkbox" value="C"> possede interface graphique<br>
Q 2 : RAM :
<input name="q2" type="checkbox" value="A"> mémoire vive
<input name="q2" type="checkbox" value="B"> mémoire morte
<input name="q2" type="checkbox" value="C"> RAZ à chaque démarrage<br>
Q 3 : Port SATA permet de connecter :
<input name="q3" type="checkbox" value="A"> mémoire de masse
<input name="q3" type="checkbox" value="B"> mémoire vive
<input name="q3" type="checkbox" value="C"> graveur<br><br><br>
NB: les réponses peuvent comporter une ou plusieurs réponses.<hr>
barème : Q1 et Q2 : chaque case sur 1 points, Q3 : chaque case sur 2 points.<br>
<input type="button" value="CORRECTION" onclick="corrige1()">
<input type="reset" value="EFFACER" ><br>
<input type="button" value="CORRIGE" onclick="corrige2()">
</form></body></html>
Fichier « EX5.html »
<html><head>
<title>exercice5: JEUX</title>
<script language="javascript" >
function lancer()
{ do
{var x=Math.round(Math.random(6)*10); }
while ((x>6) || (x==0));
document.free.var1.value=x;
document.free.aff.value+=x+" ";
document.free.var2.value=document.free.aff.value.length/2;
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
<input type="button" value="LANCER" onclick="lancer()"><br>
Résultat : <input name="var1" type="text" size="20" ><br>
Historique :
<textarea name="aff" cols="30" rows="20"></textarea>
Nombre d'essai : <input name="var2" type="text" size="20" ><br>
</form></body></html>
Fichier « EX6.html »
<html><head>
<title>exercice6: fonction mathématique</title>
<script language="javascript" >
4 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
function f1()
{var x=Number(document.free.var1.value);
alert(Math.cos(x)); }
function f2()
{var x=Number(document.free.var1.value);
alert(Math.sin(x)); }
function f3()
{var x=Number(document.free.var1.value);
var y=Number(document.free.var2.value);
alert(Math.pow(x,y)); }
function f4()
{var x=Number(document.free.var1.value);
alert(Math.sqrt(x)); }
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
Ecrire l'entier a : <input name="var1" type="text" size="20"><br>
Ecrire l'entier b : <input name="var2" type="text" size="20"><br>
<input type="button" value="cos(a)" onclick="f1()">
<input type="button" value="sin(a)" onclick="f2()">
<input type="button" value="a exposant b" onclick="f3()">
<input type="button" value="racine(a)" onclick="f4()">
<br></form></body></html>
Fichier « EX7.html »
<html><head>
<title>exercice7: date de naissance</title>
<script language="javascript" >
function jj()
{ for(i=1;i<=31;i++)
{ x=new Option(i,i);
document.free.jour.options[i]=x; }
}
function mm()
{m=new Array("JAN","FEV","MAR","AVR","MAI","JUN","JUI","OUT","SEP","OCT","NOV","DEC");
for(j=0;j<12;j++)
{y=new Option(m[j],m[j]);
document.free.mois.options[j]=y;}
}
function aa()
{//var a1=new Date();
//aaaa=a1.getYear();
for(k=1975;k<=2011;k++)
{z=new Option(k,k);
document.free.annee.options[k-1975]=z;}
}
5 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
function controle()
{var x1=document.free.jour.options.selectedIndex;
var x2=document.free.mois.options.selectedIndex;
var x3=document.free.annee.options.selectedIndex;
sel1=document.free.jour.options[x1].value;
sel2=document.free.mois.options[x2].value;
sel3=document.free.annee.options[x3].value;
switch (sel2)
{
case "AVR":case "JUN":case "SEP":case "NOV": {if (sel1>30) alert("ATTENTION: \n jour
supérieur à 30 pour le mois "+sel2);break;}
case "FEV":{if (sel3%4==0 && sel1>29) alert("ATTENTION: \n jour supérieur à 29:: année
bissectille");
else if (sel3%4!=0 && sel1>28) alert("ATTENTION: \n jour supérieur à
28");break;}
} }
function affiche()
{var x1=document.free.jour.options.selectedIndex;
var x2=document.free.mois.options.selectedIndex;
var x3=document.free.annee.options.selectedIndex;
sel1=document.free.jour.options[x1].value;
sel2=document.free.mois.options[x2].value;
sel3=document.free.annee.options[x3].value;
document.write('la date est '+sel1+' / '+sel2+' / '+sel3);
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
date de naissance :
<select name="jour" onfocus="jj()"></select>/
<select name="mois" onfocus="mm()"></select>/
<select name="annee" onfocus="aa()" ></select>
<input type="submit" value="afficher" onmouseover="controle()" onclick="affiche()"><br>
</form></body></html>
Fichier « EX8.html »
<html><head>
<title>exercice8: table adddition et multiplication</title>
<script language="javascript" >
function calculer()
{ for(i=0;i<2;i++)
{if (document.free.cal[i].checked==true)
{var op=document.free.cal[i].value;
}}
document.write("<table border='2'><tr bgcolor='red'>");
/* ajout du permeir ligne */
for(i=0;i<=10;i++)
{document.write("<td bgcolor='red'>"+i+"</td>");
}document.write("</tr>");
6 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
/* affichage du contenu du tableau */
for(i=1;i<=10;i++)
{document.write("<tr><td bgcolor='red'>"+i+"</td>"); /* ajout d'une cellule a chaque
nouveau ligne ===>>> donne 1er colonne */
for(j=1;j<=10;j++)
{document.write("<td bgcolor='blue'>"+eval(i+op+j)+"</td>");
}
document.write(" </tr> ");
}
document.write("</table>");
}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<form name="free">
Table de : <input name="cal" type="radio" value="+"> addition
<input name="cal" type="radio" value="*"> multiplication
<input type="button" value="AFFICHER" onclick="calculer()"><br>
</form></body></html>
Fichier « EX9.html »
<html><head>
<title>exercice9: contrôle de saisie</title>
<script language="javascript" >
function test1()
{ if (document.free.var1.value=="")
{alert("taper votre nom");
document.free.var1.value="";
document.free.var1.focus(); }}
function test2()
{ if (document.free.var2.value.indexOf("@",0)==-1)
{alert("taper une email valide");
document.free.var2.value="";
document.free.var2.focus(); }}
function test3()
{ if (isNaN(document.free.var3.value))
{alert("taper numéro de TEL valide");
document.free.var3.value="";
document.free.var3.focus(); }}
function test4()
{ if (document.free.var4.value.charAt(0)!="A")
{alert("taper une adresse qui commence par A");
document.free.var4.value="";
document.free.var4.focus(); }}
function test5()
{do
{var x=Number(prompt("donner votre age compris entre 1 et 150"));}
while (x<=0||x>150||isNaN(x));
document.free.var5.value=x;
}
7 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
function test6()
{ if (document.free.var6.value.length<=10)
{alert("taper votre pseudo taille > 10");
document.free.var6.value="";
document.free.var6.focus(); }}
function test7()
{ if (document.free.var7.value.indexOf(" ",0)!=-1)
{alert("taper votre mot de passe : pas d'espace");
document.free.var7.value="";
document.free.var7.focus();
}
else
{x=document.free.var7.value;}
}
function test8()
{ if (document.free.var8.value!=x)
{alert("taper une mot de passe conforme");
document.free.var8.value="";
document.free.var8.focus(); }}
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<center><h1>LES CONTROLES DE SAISIE</h1></center><br><br>
<form name="free">
<table border="0">
<tr><td>
Donner votre nom (obliggatoire) :</td><td><input name="var1" type="text" size="20" >
</td><td>
<input type="button" value="TEST 1" onclick="test1()"><br></td></tr>
<tr><td>
Donner une Email valide : </td><td><input name="var2" type="text" size="20" ></td><td>
<input type="button" value="TEST 2" onclick="test2()"><br></td></tr>
<tr><td>
Donner votre numéro TEL (numérique) :</td><td> <input name="var3" type="text"
size="20" ></td><td>
<input type="button" value="TEST 3" onclick="test3()"><br></td></tr>
<tr><td>
Donner votre Adresse (commence par "A") : </td><td><input name="var4" type="text"
size="20" ></td><td>
<input type="button" value="TEST 4" onclick="test4()"><br></td></tr>
<tr><td>
Donner votre âge (compris entre 1 et 150 ) :</td><td> <input name="var5" type="text"
size="20" onclick="test5()"></td><td>
<input type="button" value="TEST 5" onclick="test5()"><br></td></tr>
<tr><td>
Donner votre pseudo (taille > 10 caractère ) :</td><td> <input name="var6" type="text"
size="20" ></td><td>
<input type="button" value="TEST 6" onclick="test6()"><br></td></tr>
<tr><td>
Donner votre mot de passe (pas d'espace) : </td><td><input name="var7" type="password"
size="20" ></td><td>
<input type="button" value="TEST 7" onclick="test7()"><br></td></tr>
<tr><td>
Retaper votre mot de passe (conforme) : </td><td><input name="var8" type="password"
8 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
size="20" ></td><td>
<input type="button" value="TEST 8" onclick="test8()"><br></td></tr>
</form></body></html>
Fichier « EX10.html »
<html><head>
<title>exercice10: calculatrice</title>
<script language="javascript" >
function afficher(x)
{ document.free.aff.value+=x;
if (y1==0)
{document.free.aff.value=x;
y1=x;}
}
function calcule(x1)
{ y1=Number(document.free.aff.value);
document.free.aff.value=0;
op=x1;
}
function resultat()
{ y2=Number(document.free.aff.value);
document.free.aff.value=eval(y1+op+y2);
y1=0;
op=0;
}
function aff1()
{z=Number(document.free.aff.value);
document.free.aff.value=Math.cos(z); }
function aff2()
{z=Number(document.free.aff.value);
document.free.aff.value=Math.sin(z); }
function aff3()
{z=Number(document.free.aff.value);
s=1;
for(i=1;i<=z;i++)
{s*=i;}
document.free.aff.value=s; }
function aff4()
{z=Number(document.free.aff.value);
document.free.aff.value=z*z; }
</script>
</head>
<body onmouseover="window.status='moncef'" BGCOLOR="#000040" text="#FFBF00">
<center><h1>SIMPLE</h1></center><br><br>
<form name="free">
<table border="0">
<tr><td colspan="5"><input name="aff" value="0" type="input" size="30" ></td>
</tr>
9 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
<tr><td><input name="var1" value="1"type="button" onclick="afficher(1)"></td>
<td><input name="var2" value="2"type="button" onclick="afficher(2)"></td>
<td><input name="var3" value="3"type="button" onclick="afficher(3)"></td>
<td><input name="plus" value=" + "type="button" onclick="calcule('+')"></td>
<td><input name="cos" value="cos(x)"type="button" maxlength="5"
onclick="aff1()"></td></tr>
<tr><td><input name="var4" value="4" type="button" onclick="afficher(4)"></td>
<td><input name="var5" value="5"type="button" onclick="afficher(5)"></td>
<td><input name="var6" value="6"type="button" onclick="afficher(6)"></td>
<td><input name="moins" value=" - "type="button" onclick="calcule('-')"></td>
<td><input name="sin" value="sin(x) "type="button" onclick="aff2()"></td></tr>
<tr><td><input name="var7" value="7" type="button" onclick="afficher(7)"></td>
<td><input name="var8" value="8"type="button" onclick="afficher(8)"></td>
<td><input name="var9" value="9"type="button" onclick="afficher(9)"></td>
<td><input name="fois" value="*"type="button" onclick="calcule('*')"></td>
<td><input name="fac" value=" n ! "type="button" onclick="aff3()"></td></tr>
<tr><td><input name="egale" value=" = " type="button" onclick="resultat()"></td>
<td><input name="var0" value="0"type="button" onclick="afficher(0)"></td>
<td><input name="virgule" value=" C "type="reset" ></td>
<td><input name="division" value=" / "type="button" onclick="calcule('/')"></td>
<td><input name="carre" value=" x^2 "type="button" onclick="aff4()"></td></tr>
</form></body></html>
Fichier « EX11.html »
<html><head>
<title>Exercice 11: modifier arrière plan</title>
<script language="javascript" >
function affiche1()
{
var complet=new Date();
ss=complet.getSeconds();
switch (ss)
{case 0 :document.bgColor="green";break;
case 10 :document.bgColor="blue";break;
case 20 :document.bgColor="red";break;
case 30 :document.bgColor="yellow";break;
case 40 :document.bgColor="black";break;
case 50 :document.bgColor="white";break;
}
setTimeout('affiche1()',1000);
}
function hexat()
{var v=Math.floor(Math.random()*15);
switch (v)
{case 10 :v="A";break;
case 11 :v="B";break;
case 12 :v="C";break;
case 13 :v="D";break;
case 14 :v="E";break;
case 15 :v="F";break;
}
10 Hamdi MONCEF © 2013
HELP ME : code javascript SERIE TIC 4SI
v=String(v);
return v;
}
function affiche2()
{ r1=hexat();
r2=hexat();
g1=hexat();
g2=hexat();
b1=hexat();
b2=hexat();
col=r1.concat(r2,g1,g2,b1,b2);
document.bgColor=col;
setTimeout('affiche2()',1000);
}
</script>
</head>
<body onmouseover="window.status='moncef'" >
<center><form name="free" >
<fieldset><legend><font color="blue" size="6">modifier couleur à chaque
10secondes</font></legend>
<input type="button" value="modifier couleur" onclick="affiche1()">
</font>
</fieldset>
<fieldset><legend><font color="blue" size="6">modifier couleur aléatoire</font></legend>
<input type="button" value="modifier couleur" onclick="affiche2()">
</font>
</fieldset>
</form><center></body></html>
Fichier « EX12.html »
11 Hamdi MONCEF © 2013
