TP Initiation à JavaScript

Exercice 1 : comparaison de l'affichage de texte en HTML et en JS

Voici un source HTML qui contient un tout petit script JavaScript.
Lisez attentivement et écrivez ce que vous prévoyez à l'exécution.

<html>
<head>
<title>Mon premier script JavaScript!</title>
</head>
<body>

<H3>Ceci est un document HTML habituel.</H3>

<script language="JavaScript">
  document.writeln("<I>"+"Ceci est une partie de texte écrite"+
                   " avec JavaScript"+"</I><BR>");
  var now=new Date();
  document.write("Aujourd'hui, nous sommes le "+now); 
</script>

<H3>Nous sommes de retour au code HTML habituel.</H3>

</body>
</html>

Exercice 2 : afficher une image dans un tableau HTML

Reprendre l'exemple II du cours.
En utilisant du code JS :

afficher une image encadrée dans un tableau HTML d'épaisseur 10
faire suivre d'une liste non ordonnée de contenu quelconque

Exercice 4 : Itération FOR

S'inspirer de l'exemple IV du cours.
Ecrire une page pour afficher la table de multiplication par un entier N.

Déclarer une variable entière N et lui affecter la valeur 7 par exemple
Utiliser une instruction itérative FOR
Améliorer la présentation en
- Encadrant les lignes affichées dans un tableau HTML
- ou en générant l'affichage sous forme de liste non ordonnée

Exercice 6 : Boite de dialogue et itération FOR

Généraliser l'exercice précédent, en s'inspirant de l'exemple VI du cours.
La valeur de la variable N dont on affichera les multiples, doit être d'abord demandée à l'utilisateur avec la fonction prompt(). Par défaut, si l'utilisateur ne saisit rien, N vaudra 9.

Exercice 8 : Procédure avec paramètre

S'inspirer de l'exemple VIII du cours.

Déclarer une procédure table_mult(N), qui doit calculer et afficher la table de multiplication par N (si possible encadrée dans un tableau HTML).
La valeur du paramètre N sera demandée à l'utilisateur au moyen d'une boite de dialogue PROMPT, puis sera passée en paramètre dans l'appel de table_mult(N).
Prolongement
Supprimer la demande de valeur N, et faire afficher l'ensemble des tables de multiplication par N = 1, 2, ... 10, par des appels itératifs table_mult(i)

Exercice 9 : Fonction appelée par un événement

Utiliser la même interface graphique que dans l'exemple IX du cours. Il est même recommandé de récupérer son code puis de l'adapter

Le premier champ de texte attend la saisie par l'utilisateur d'un "réel" x.
Le clic sur le bouton marqué f(x) appelle une fonction qui retourne le résultat de l'évaluation d'une fonction mathématique, par exemple 3*x*x-2*x-1 (ou tout autre formule de calcul à une variable).
Ce résultat doit être affiché dans le second champ de texte.
Prolongement
Faire saisir xmin, xmax, dx dans 3 champs de texte et faire afficher une table de valeurs x, f(x) pour x variant par pas de dx de xmin jusqu'à xmax. L'affichage s'effectura dans un composant <textarea>, grâce à sa propriété value, identique à celle d'une ligne de texte .

Autres exercices

S'inspirer de l'exemple IX du cours.

Soit à vérifier l'identité (la somme des premiers entiers impairs consécutifs est toujours le carré d'un entier )
1 + 3 + 5 + ... + (2n-1) = n²
Construire une fonction sommeNbImpairs(n) qui calcule la somme précédente et retourne sa valeur.
On utilisera pour cela une boucle for dans laquelle cette somme sera progressivement calculée. Ne pas oublier d'initialiser à 0, la variable somme.
L'utilisateur saisira la valeur de n dans un champ de texte et appelera la fonction sommeNbImpairs(n) en cliquant sur un bouton.
Comparer le résultat avec n²

Retour au cours Introduction