Réaliser des scripts simples avec Javascript. ~ tdiway site de Développement Informatique

Questions

Exercice 1 : Réaliser des scripts simples avec Javascript.

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’’.

Correction

	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 prénom");
	document.write(phrase+" "+prenom );
	</SCRIPT>
	Ex2 correction :
	<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 correction:
	1ère 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>
	2ème 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>");
	/* 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 correction:
	1ère Solution
	<script language="javascript">
	function modif()
	{
	document.bgColor="#fffggf";
	}
	</script> </head><body>
	<form>
	<input type="button" value="modifier" OnClick="modif()">
	</form>
	</body>
	</html>
	2ème solution: Modifier la function modif() en donnant à l’utilisateur la main pour spécifier la couleur
	la couleur du fond
	<script language="javascript">
	function modif()
	{
	/* l’utilisateur 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>
	3ème 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 démarrer---> Cliquer sur tous les programmes---> Aller à Microsoft
	Office ---> Sélectionner Microsoft PowerPoint

	--->Sélectionner le cours


	---> Imprimer le cours

view raw gistfile1.html hosted with ❤ by GitHub

lundi 7 avril 2014

Réaliser des scripts simples avec Javascript.