Correction TP1 Javascript 3 PDF

ISIM Institut Suprieur dInformatique de Mahdia
TP2 Dveloppement Web 2.0 : JavaScript

Enseignante Responsable : Nahla Haddar
Exercice 1 : Raliser des scripts simples avec Javascript.
a) Ecrire une page HTML contenant un script permettant dafficher Bonjour tout le
monde
b) Amliorer le script pour quil permette de demander le Prnom de lutilisateur (mthode

prompt()) et afficher Bonjour votre prnom.
Exercice 2 :
Utiliser les mthodes Javascript prompt() et alert() pour demander lutilisateur deux nombres
puis afficher leur somme.
Exercice 3 : Raliser des conditions (if/else)
Ecrire un script demandant de lutilisateur dentrer son ge et de contrler la validit de lge

entr (si lge est erron afficher un message derreur et redemander de saisir lge).
Exercice 4 : boucle for simple.
Ecrire une page HTML faisant apparaitre les nombres premiers compris entre 0 et 100.
Exercice 5 : boucle for (insertion des balises HTML dans les scripts).
Ecrire une page HTML faisant apparaitre la table de multiplication pour les entiers compris entre
0 et 9 et prsenter le rsultat dans un tableau [11 x 11].
Exercice 6 : (Samuser avec un bouton)
Ecrire une page HTML contenant un formulaire. Ce formulaire contient un bouton. Le click sur
le bouton engendre la modification de la couleur de larrire plan de la page. Utiliser la
commande suivante : document.bgColor= #FFFggF.
Correction :
Ex1 correction :
a) <BODY><script language="JavaScript">
var phrase = "Bonjour tout le monde !";
document.write(phrase);
</SCRIPT>
</BODY>
</HTML>
a) <BODY><SCRIPT language="JavaScript">
var phrase = "Bonjour";
var prenom = prompt("Entrer votre prnom");
document.write(phrase+" "+prenom );
</SCRIPT>
Ex2 correction :
<script language="JavaScript">
var a = prompt("Entrez le premier nombre");
var b = prompt("Entrer le deuxime nombre");
var somme = parseInt(a) + parseInt(b);
document.write("La somme de "+a+" et "+b+" gal "+ somme);
</script></body></html>
Ex3 correction:
1re solution
<html><head><title>Exercice3</title></head><body>
<script language="javascript">
var userage = prompt("Entrer votre age");
if ( userage <= 0 || userage > 150)
alert("Age non valide");
else
alert(userage+ "est valide");
</script>
</body>
</html>
2me solution (plus juste)
<html><head><title>Exercice3</title></head><body>
do{
var age = prompt("Entrer votre age");
if( age <= 0 || age > 150)
alert("Age non valide");
}while ( age <= 0 || age > 150)
alert(age+ "est valide");
</script>
</body>
</html>
EX4 Correction:
<html><head>Exercice4</head>
<body>
document.write("les nombres premiers compris entre 0 et 100 sont :<br>");
/* 0 et 1 ne sont pas des nombres premiers*/
for(var i=2;i<=100;i++)
{ var trouve=false;
for(j=2;j<i/2;j++)
if(i%j==0)
trouve=true;
if(trouve==false)/* S'il n'existe aucun diviseur de i*/
document.write(i,",");
</script></body></html>
EX5 Correction:
document.write("<center>");
/* Mettre un titre pour la table */
document.write("<caption> Table de multiplication</caption>");
/* Crer la table*/
document.write("<table border=1>");
/* Crer la premire ligne */
document.write("<tr><td>","x","</td>");
for(var i=1;i<=9;i++)
document.write("<td>",i,"</td>");
/* crer les autres lignes*/
for(var i=1;i<10;i++)
/* Crer la ligne numro i*/
document.write("<tr>");
document.write("<td>",i,"</td>");
for(var j=1;j<=9;j++)
/* Crer la colonne numro j*/
document.write("<td>",i*j,"</td>");
document.write("</tr>");
document.write("</table>");
</script>
EX6 correction:
1re Solution
function modif()
document.bgColor="#fffggf";
</script> </head><body>
<form>
<input type="button" value="modifier" OnClick="modif()">
</form>
</body>
</html>
2me solution: Modifier la function modif() en donnant lutilisateur la main pour spcifier la couleur
la couleur du fond
function modif()
/* lutilisateur saisie la couleur du fond*/
var c=prompt("Donner la couleur du fond");
document.bgColor=c;
<form>
<input type="button" value="modifier" OnClick="modif()">
</form></body></html>
3me solution : remplacer le bouton du formulaire par un lien
function modif()
{
var c=prompt("Donner la couleur du fond");
document.bgColor=c;
}
<a href="javascript: modif()">Modifier le fond</a>
</body>
</html>
NOTE1 : LES DOCUMENTS DANS LE DS SONT AUTORISES
NOTE2 : SI VOUS VOULEZ IMPRIMER LE COURS SUIVEZ LES ETAPES

SUIVANTES :
---> Aller menu dmarrer---> Cliquer sur tous les programmes---> Aller Microsoft
Office ---> Slectionner Microsoft PowerPoint
--->Slectionner le cours
---> Imprimer le cours

Correction TP1 Javascript 3 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Correction TP1 Javascript 3 PDF

Uploaded by

Copyright:

Available Formats

ISIM Institut Suprieur dInformatique de Mahdia

TP2 Dveloppement Web 2.0 : JavaScript

b) Amliorer le script pour quil permette de demander le Prnom de lutilisateur (mthode

Exercice 3 : Raliser des conditions (if/else)

Ecrire un script demandant de lutilisateur dentrer son ge et de contrler la validit de lge

Exercice 4 : boucle for simple.

Exercice 6 : (Samuser avec un bouton)

var phrase = "Bonjour tout le monde !";

var phrase = "Bonjour";

var prenom = prompt("Entrer votre prnom");

var a = prompt("Entrez le premier nombre");

var b = prompt("Entrer le deuxime nombre");

var somme = parseInt(a) + parseInt(b);

document.write("La somme de "+a+" et "+b+" gal "+ somme);

var userage = prompt("Entrer votre age");

if ( userage <= 0 || userage > 150)

alert("Age non valide");

alert(userage+ "est valide");

2me solution (plus juste)

var age = prompt("Entrer votre age");

if( age <= 0 || age > 150)

alert("Age non valide");

}while ( age <= 0 || age > 150)

alert(age+ "est valide");

document.write("les nombres premiers compris entre 0 et 100 sont :<br>");

/* 0 et 1 ne sont pas des nombres premiers*/

if(trouve==false)/* S'il n'existe aucun diviseur de i*/

/* Mettre un titre pour la table */

document.write("<caption> Table de multiplication</caption>");

/* crer les autres lignes*/

/* Crer la ligne numro i*/

/* Crer la colonne numro j*/

<input type="button" value="modifier" OnClick="modif()">

/* lutilisateur saisie la couleur du fond*/

var c=prompt("Donner la couleur du fond");

<input type="button" value="modifier" OnClick="modif()">

NOTE2 : SI VOUS VOULEZ IMPRIMER LE COURS SUIVEZ LES ETAPES

You might also like