Vous êtes sur la page 1sur 3

TP Javascript

Master de Bioinformatique Universit e de Rouen

Exercice
Voici le listing dun chier HTML contenant du code javascript :

<html> <head> <title> Exemple javascript</title> <!-- balise de script --> <script language="JavaScript"> // definition dune fonction somme function somme(n) { var sum=0; for (i=1; i<=n; i++) { sum+=i // ecriture dune chaine de caractere dans le document courant document.write("Pour i = ", i, "---> somme = ", sum, "<br/>"); } return sum; } </script> </head> <body> <script> // boite de dialogue avec la fonction prompt var nombre=prompt("Somme jusqua ?", 10); document.write("Somme = ", somme(nombre), "<br/>"); </script> </body> </html> Recopier ce listing an den comprendre le fonctionnement.

Exercice

Ecrire un script javascript de fa con ` a avoir au chargement dune page HTML une fen etre de dialogue demandant le nom de lutilisateur et achant dans la barre de titre le nom saisi.

Exercice

Ecrire une fonction javascript qui ache la table de multiplication dune valeur donn ee en param` etre. Avant lappel ` a la fonction la valeur doit etre saisie par linterm ediaire dune fen etre de dialogue.

Exercice

Ecrire en javascript le jeu ( ( devine ) ). Le programme choisit un nombre au hasard entre 0 et 100 que lutilisateur doit deviner en un nombre minimum de coups. Pour cela, il propose des nombres et ` a chaque proposition le programme r epond si la valeur ` a trouver est plus petite ou plus grande. Quand la valeur est trouv ee, on ache dans une fen etre le nombre de tentatives eectu ees. Veillez ` a bien d ecouper votre script en fonctions et ` a utiliser le bon format de bo te de dialogue en fonction des cas. Pour la g en eration al eatoire, vous utiliserez la fonction : //renvoie un nombre pseudo-aleatoire entre min et max function nbAlea(min, max) { var nb = min +(max-min+1)*Math.random(); return Math.floor(nb); } Vous pourrez ensuite am eliorer le jeu en laissant lutilisateur choisir lintervalle de la valeur, en permettant deectuer plusieurs parties avec le m eme intervalle, en ajoutant une gestion du meilleur score obtenu dans la s erie de parties et en permettant au joueur de quitter une partie en cours. Pour nir, vous utiliserez vos connaissances en html et css pour am eliorer la mise en page et g erer lachage, dans un tableau par exemple, des 5 meilleurs scores.

Exercice
Creer un chier HTML contenant : un formulaire disposant dune zone de saisie contenant par d efaut la valeur 5; un formulaire contenant 5 boutons ` a choix unique pour des valeurs de 1 ` a 5;

un formulaire contenant un menu d eroulant proposant les valeurs allant de 1 ` a 5. Modier le chier pr ec edent an davoir un bouton de soumission pour chacun des formulaires. Un clic sur le bouton doit entrainer louverture dune page resultat.html. Ecrire pour chaque formulaire de la section pr ec edente une fonction javascript qui g en` ere automatiquement ce formulaire. Modier les fonctions pr ec edentes de sorte que lutilisateur saisissent la valeur maximale des formulaires dans une fen etre de dialogue (la valeur maximale par d efaut est 10).

Exercice

R ealiser une page XHTML contenant du code javascript contenant un bouton permettant de changer dynamiquement le style dachage dun el ement du document.

Vous aimerez peut-être aussi