Le JavaScript est le langage par excellence pour améliorer le rendu des pages web
Cliquer au dessous pour le téléchargement
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’».
Correction exercice 1 :
a)
<HTML>
<BODY>
<script language="JavaScript">
var phrase = "Bonjour tout le monde !";
document.write(phrase);
</SCRIPT>
</BODY>
</HTML>
b)
<HTML>
<BODY>
<SCRIPT language="JavaScript">
var phrase = "Bonjour";
var prenom = prompt("Entrer votre prénom");
document.write(phrase+" "+prenom );
</SCRIPT>
Exercice 2 :
Utiliser les méthodes JavaScript prompt() et alert() pour demander à l’utilisateur deux nombres
puis afficher leur somme.
Correction exercice 2:
<html>
<body>
<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>
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).
Correction exercice 3:
<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>
Ecrire une page HTML faisant apparaitre les nombres premiers compris entre 0 et 100.
Correction exercice 4:
<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>
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].
Correction exercice 5:
<html>
<body>
<script language="javascript">
document.write("<center>");
/* Mettre un titre pour la table */
document.write("<caption> Table de multiplication</caption>");
/* 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>
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’’.
Correction exercice 6:
<html>
<body>
<script language="javascript">
function modif()
{
document.bgColor="#fffggf";
}
</script> </head><body>
<form>
<input type="button" value="modifier" OnClick="modif()">
</form>
</body>
</html>
Ads
