Exercices JavaScript
1. Écrire une page HTML contenant un script pour afficher "Bonjour tout le monde !".
Modifier votre code pour que le script demande votre nom (méthode propmt()) et affiche
"Bonjour" + votre nom dans une boite alert().
2. Utiliser les méthodes prompt() et alert() pour demander à l’utilisateur deux nombres puis
afficher leur somme. Si les données ne sont pas saisies, afficher un message d’erreur dans
une boite alert().
3. Affichez dans une table HTML dix valeurs aléatoires entre 0 et 1 (fonction
Math.random()) en utilisant document.write.
4. Afficher avec un script la table de multiplication 4x4 dans un tableau HTML comme suit:
x 1 2 3 4
1 1 2 3 4
2 2 4 6 8
3 3 6 9 12
4 4 8 12 16
5. Écrire une fonction Premier() qui prend comme paramètre un entier et vérifie s’il est
premier ou non. Écrire une fonction Affichage() qui, en utilisant la fonction Premier(),
affiche les nombres premiers ≤ 100. L’affichage doit être sur 10 colonnes comme indiqué
dans le tableau ci-dessous (les nombres premiers ont une couleur de fond jaune). La fonction
Affichage() doit être activée au chargement de la page HTML.
1 2 3 4 5 6 7 8 9 10
11 12 13 14 15 16 17 18 19 20
21 22 23 24 25 26 27 28 29 30
31 32 33 34 35 36 37 38 39 40
41 42 43 44 45 46 47 48 49 50
51 52 53 54 55 56 57 58 59 60
61 62 63 64 65 66 67 68 69 70
71 72 73 74 75 76 77 78 79 80
81 82 83 84 85 86 87 88 89 90
91 92 93 94 95 96 97 98 99 100
6. Écrire le code d'un fichier HTML qui permet de créer trois zones texte: N1, N2, et M et un
bouton 'Calculer'. Le bouton est associé à une fonction qui calcule la moyenne des deux
notes N1 et N2 et affecte le résultat à la zone M. Utiliser la méthode alert() pour afficher un
message d'erreur en cas où des données ne sont pas saisies.
7. Écrire un script pour créer une zone texte (valeur initiale=2). Ajouter un bouton nommé
"Multiplier par 2". Écrire une fonction permettant de multiplier par 2 le contenu de la zone
texte chaque fois que le bouton est cliqué.
8. Réaliser une page HTML (avec script) pour calculer le salaire d’une personne sur la base de
son salaire brut en décomptant les frais suivants : - Impôts sur le revenu : 18%. Assurance
employé : 7%. Il est possible de recevoir des réductions sur les impôts : Si l’employé est
une femme, elle reçoit 2% de réduction. Si l’employé a 3 personnes à charge, il reçoit 1%
de réduction. S’il a 4 personnes (ou plus) à charge, il reçoit 2% de réduction.
9. Écrire le code d'un fichier HTML qui permet de créer deux bouton 'Bleu' et 'Jaune'. Chaque
bouton est associé à une fonction qui permet de changer la couleur de fond de la page selon
la couleur choisie (bleu ou jaune).
10. Écrire le code d'un fichier HTML (avec script) qui permet de définir un tableau de taille 4
initialisé avec des noms de modules de votre choix. Le contenu du tableau est ensuite affiché
sous forme d’une liste numérotée HTML.
11. Soit le tableau jours = [ 'Dimanche', 'Lundi', 'Mardi', 'Merc.', 'Jeudi', 'Vendredi', 'Samedi'];
Écrire du code JavaScript pour réaliser ce qui suit:
(a) Supprimer la dernière valeur du tableau.
(b) Afficher les valeurs du tableau en utilisant la méthode document.write().
(c) Ajouter la valeur 'Samedi' à la fin du tableau.
(d) Remplacer la valeur 'Merc.' par 'Mercredi'.
(e) Afficher la cinquième valeur du tableau.
12. Créer une page HTML contenant une image. Changer l’image par une autre
quand la souris passe dessus. Remettre l’image d’origine quand la souris quitte
l’image.
13. Le but de cet exercice est d’utiliser javascript pour réaliser la conversion d’un nombre
donné du système décimal (base 10) au système binaire (base2).
(a) Définir deux zones texte (D et B) représentant deux valeurs initialisées à "" et un bouton
nommé "Convertir".
(b) Écrire une fonction Ok10() qui prend comme paramètre une chaîne de caractère et vérifie
si elle représente bien un nombre écrit en décimal (ne comporte que des chiffres entre "1" et "9").
(c) Écrire une fonction qui, lorsqu’on clique le bouton "Convertir", calcule la valeur binaire
du nombre saisi dans la zone D et affiche le résultat dans la zone B. Indication : Utiliser un tableau
pour stocker la représentation binaire de votre nombre.
(d) Utiliser la méthode alert() pour contrôler les erreurs sur les données.
14. Écrire une fonction Javascript Occurence() qui, étant donnée une chaîne de caractères s,
elle affiche le nombre d’occurrences de chaque caractère de la chaîne s. Exemple: si
s="Bonjour" alors on affiche : B:1, o:2, n:1, j:1, u:1, r:1) . Utiliser une boite prompt() pour
faire entrer la chaîne de caractère (si la chaîne est vide, indiquer une erreur avec une boite
alert() et redemander la saisie de la chaîne). La fonction doit être activée au chargement de
la page HTML.