Exercices JAVASCRIPT
Exercice
1 :
a) Ecrire une page HTML contenant un script permettant d’afficher « Bonjour tout le
a) Ecrire une page HTML contenant un script permettant d’afficher « Bonjour tout le
monde
»
b)
Améliorer le script pour qu’il permette de demander le Prénom de l’utilisateur
(méthode
prompt())
et afficher « Bonjour ‘votre prénom’».
Exercice
2 :
Utiliser
les méthodes Javascript prompt() et alert() pour demander à l’utilisateur deux
nombres
puis
afficher leur somme.
Exercice
3 : Réaliser des conditions (if/else)
Ecrire
un script demandant de l’utilisateur d’entrer son âge et de contrôler la
validité de l’âge
entré
(si l’âge est erroné afficher un message d’erreur et redemander de saisir
l’âge).
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 présenter le résultat dans un tableau [11 x 11].
Exercice
6 : (S’amuser 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 l’arrière plan de la page.
Utiliser la
commande
suivante : document.bgColor= ‘’#FFFggF’’.
Ex1
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 prénom");
document.write(phrase+"
"+prenom );
</SCRIPT>
|
Ex2
<script
language="JavaScript">
var
a = prompt("Entrez le premier nombre");
var
b = prompt("Entrer le deuxième nombre");
var
somme = parseInt(a) + parseInt(b);
document.write("La
somme de "+a+" et "+b+" égal à "+ somme);
</script></body></html>
|
Ex3
<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>
|
Ex4
<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
<script
language="javascript">
document.write("<center>");
/*
Mettre un titre pour la table */
/*
Créer la table*/
document.write("<table
border=1>");
/*
Créer la première ligne */
document.write("<tr><td>","x","</td>");
for(var
i=1;i<=9;i++)
document.write("<td>",i,"</td>");
/*
créer les autres lignes*/
for(var
i=1;i<10;i++)
{
/*
Créer la ligne numéro i*/
document.write("<tr>");
document.write("<td>",i,"</td>");
for(var
j=1;j<=9;j++)
{
/*
Créer la colonne numéro j*/
document.write("<td>",i*j,"</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
|
Ex6
<script
language="javascript">
function
modif()
{
document.bgColor="#fffggf";
}
</script>
</head><body>
<form>
<input
type="button" value="modifier"
OnClick="modif()">
</form>
</body>
</html>
|
