Ecole Supérieur de la Technologie Génie Informatique

Semestre 2 Semaine du 2 Février 2013

Technologies Web/JavaScript
Travaux Pratiques N° :3
Objectifs
Le but de ces séances de ce TP est de se familiariser avec le langage JavaScript afin de dynamiser et de rendre vos pages web plus interactives. Pour cela, vous utiliserez Emacs sous Ubuntu et Notepad++ sous Windows pour créer vos fichiers .html ou .htm.

Exercice 1 (Affichage)
Soit le code HTML suivant : Mon premier script JavaScript! Ceci est un document HTML habituel. Mais qui pourra être transformer en un code JS JavaScript est un langage coté client qui permet de rendre les pages web plus interactives. Nous sommes toujours en HTML.

1- Récrire le même code en JavaScript. 2- En utilisant le code Js afficher le tableau ci-dessous à la fin. Structure Présentation Interactivité HTML CSS JavaScript

Exercice 2 (Variables)
Dans le cadre d’un script Javascript «en ligne», déclarez : 1- une variable numérique, et affichez sa valeur dans une ligne de texte ; 2- une variable contenant une chaîne de caractère, et affichez la chaîne associée dans une ligne de texte ; 3-une variable chaîne de caractère, et une variable numérique, et affichez les dans une ligne de texte ; 4-Affichez un tableau (exercice1) dont le contenu des cases sera des variables que vous avez déclaré au préalable.

Exercice 3 (Saisie et affichage)
1-Écrire un code JavaScript qui permet de saisir le nom et prénom de l’utilisateur (méthode prompt()) et de les afficher en gras et rouge sous la forme « Bonjour ‘votre nom prénom’ ». 2-Écrire un script qui permet d'échanger les valeurs des variables a et b lus à partir de clavier, (affiche les valeurs avant et après la permutation de a et b). 3- Utiliser les méthodes prompt() et alert() pour demander à l’utilisateur deux nombres puis afficher leur somme.

Exercice 4 (fonctions)
1- Ecrire une fonction permettant d’afficher « Bonjour tout le monde ». 2- Créer une fonction