Javascript Les exercices ne sont pas bien compliqués et reposent sur des notions élémentaires. Aussi si les programmeurs du cours sont intéressés par un petit projet à la place de ces exercices, j’en ai un sous le coude. Thème : Intégrer du code JavaScript dans une page html, Entrée, sortie et variables 1) Ecrire un programme qui permet d’afficher dans la fenêtre du navigateur le message « hello the world » <SCRIPT LANGUAGE="Javascript"> Hello the world"); document.bgColor="#336699"; document.fgColor="CCCCCC"; } //-->

2) Ecrire un programme qui demande à l’utilisateur de saisir un message et qui affiche ensuite le message dans la fenêtre du navigateur <SCRIPT LANGUAGE="javascript"> function afficher(form1) { var testin =document.form1.texte1.value; document.form1.texte2.value=testin } function verifiez(form1) { var test = document.form1.input.value; alert("Vous avez tapé : " + test); }

Zone de texte d'entrée:




Vous avez écrit:



Une autre solution:

Tapez votre texte:

Thème : Entrée, sortie, variables, et condition (if)

3) Ecrire un programme qui demande à un utilisateur de saisir successivement un nombre, un operateur (+,-,/,*) un deuxième chiffre et qui ensuite retourne le résultat de l’opération . <script LANGUAGE="Javascript">

Premier nombre: <select name="Operations"> - + * / Second nombre:

Une autre solution <script LANGUAGE="Javascript">



Thème : déviation, redirection vers une autre page web

4) Ecrire un programme qui redirige automatiquement un utilisateur vers un autre page après trois secondes.

<SCRIPT LANGUAGE="Javascript">

vous serez dirigé vers la page de message dans 3 secondes

Une autre solution <SCRIPT LANGUAGE="Javascript">

vous serez dirigé vers le moteur de recherche google dans 3 secondes

Thème : Programmer une boucle for

5) Ecrire un programme qui invite un utilisateur à saisir un nombre et qui affiche une phrase un nombre de fois égale au chiffre saisi. <script LANGUAGE="Javascript"> Bonjour et bienvenue!" + "
");

} } //-->

Entrez un nombre compris entre 1 et 100:

Une autre solution <script LANGUAGE="Javascript"> "); } } -->

Thème : Programmer une boucle while, utiliser les conditions,

6) Ecrire un programme qui invite un utilisateur à saisir un mot de passe, qui vérifié la validité du mot de passe et qui dans le cas de trois tentatives infructueuses redirige l’utilisateur vers une page d’erreur <script type="text/javascript"> Bienvenue, mot de passe valide! ..."); // -->

Solution qui fonctionne sur Firefox seulement <script type="text/javascript"> Bienvenue, mot de passe valide! ..."); } // --> Entrez votre mot de passe

Thème : Définir une fonction avec transmission de paramètres, utilisation des événements

7) Ecrire une fonction qui permet à un utilisateur de choisir la couleur de fond de la fenêtre du navigateur. Il s’agit donc avant tout de créer un formulaire avec trois boutons (qui indiquent chacun une couleur) et de permettre à l’utilisateur de modifier la couleur de fond en cliquant sur l’un de ces boutons. <SCRIPT LANGUAGE="Javascript">

Solution (1):

Choisissez une couleur de fond: gris jaune vert

Solution (2):

Choisissez une couleur de fond:

8) Ecrire un programme qui modifie de façon aléatoire la couleur de fond d’une page toutes les trois secondes. <script language="javascript">

Code de la couleur d'arrière plan:

Une autre solution <script language="javascript">
document.couleur.valeurCouleur.value = bg; } //-->

Arrêter

Redémarrer

Code de la couleur d'arrière plan:

9) Soit un formulaire avec les champs Nom, Prénom, Mail. Ecrire un programme qui vérifié que l’utilisateur a renseigné tous les champs quand l’utilisateur clique sur le bouton envoyer du formulaire. <script language="javascript">
return false; } else if (formulaire.mail.value.indexOf("@",0)<0) { alert("Adresse mail saisie invalide."); return false; } alert("Bravo! Le formulaire est validé"); } //-->

Solution:

<pre>Entrez votre prénom: <pre>Entrez votre nom: <pre>Entrez votre e-mail: adresse mail valide (type [email protected])

Le code écrit autrement:

<pre>Entrez votre prénom: <pre>Entrez votre nom: <pre>Entrez votre e-mail: adresse mail valide (type [email protected])