Correction TP1 Javascript 3

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> <script language="javascript"> 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> <script language="javascript"> 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:
<script language="javascript"> 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

<script language="javascript"> 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 <script language="javascript"> function modif() { /* lutilisateur saisie la couleur du fond*/ var c=prompt("Donner la couleur du fond"); document.bgColor=c; } </script> </head><body> <form> <input type="button" value="modifier" OnClick="modif()"> </form></body></html>
3me solution : remplacer le bouton du formulaire par un lien <script language="javascript"> function modif() { var c=prompt("Donner la couleur du fond"); document.bgColor=c; } </script> </head><body> <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

Transféré par

Droits d'auteur :

Formats disponibles

Correction TP1 Javascript 3

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Correction TP1 Javascript 3

Transféré par

Droits d'auteur :

Formats disponibles

ISIM Institut Suprieur dInformatique de Mahdia

TP2 Dveloppement Web 2.0 : JavaScript

Exercice 1 : Raliser des scripts simples avec Javascript.

Exercice 3 : Raliser des conditions (if/else)

Exercice 4 : boucle for simple.

Exercice 6 : (Samuser avec un bouton)

Ex3 correction: 1re solution

EX6 correction: 1re Solution

---> Imprimer le cours

Vous aimerez peut-être aussi