Sébastien Adam en clair

Connaissances - JavaScript

Vous trouverez ci-dessous les énoncés d'exercices inspirés de ceux que j'ai eu à réaliser prendant ma formation chez Guidance, avec les solutions que j'ai proposées.

Pour tous les exercices ci-dessous, le code devra être caché pour les anciens navigateurs ne connaissant pas le JavaScript. De plus, si le langage n'est pas activé sur le navigateur, seul un message signifiant à l'utilisateur que le JavaScript est nécessaire pour afficher cette page ne pourra apparaître.

Exercice JavaScript 1 :

Enoncé :

Ecrire un script qui affiche le message "Hello World !" sur la page

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 2 :

Enoncé :

Ecrire un script qui affiche un bouton sur la page. Lorsque le bouton est pressé, une boîte de dialogue apparaît avec le message "Hello World !".

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 3 :

Enoncé :

Ecrire un script qui modifie le texte dans la barre d'état et qui affiche un message d'alerte indiquant qu'il faille regarder dans cette barre d'état.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 4 :

Enoncé :

Ecrire un script qui affiche un champ de texte d'un formulaire et qui rempli ce champ avec le message 'Vous avez réussi votre exercice'.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 5 :

Enoncé :

Ecrire un script qui affiche un champ texte et un bouton. Lorsque l'utilisateur clique sur le bouton, il reçoit un message d'alerte si le champ est vide. Sinon, le contenu du champ texte est sélectionné.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 6 :

Enoncé :

Déclarez trois variables x, y et z comme "1", "2" et x+y. Afficher le type de chaque variable. Ensuite, forcez le type de x et y à entier et exécuter à nouveau x+y. Afficher le type de chaque variable.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 7 :

Enoncé :

Demander le nom de l'utilisateur au chargement de la page. Demander ensuite une confirmation du nom de l'utilisateur. Si le nom est confirmé, afficher ce dernier dans une boîte de dialogue.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 8 :

Enoncé :

Demander au visiteur de deviner un chiffre donné entre 0 et 10. Afficher ensuite une boîte de dialogue disant si l'utilisateur a trouvé le bon chiffre ou non.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 9 :

Enoncé :

Demander au visiteur de donner un nombre. Afficher ensuite dans la page courante tous les diviseurs de ce nombre.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 10 :

Enoncé :

Créer une fonction qui possède un nombre indéterminé d'arguments et qui fait la somme de ces derniers. Ecrire ensuite un script qui va utiliser cette fonction.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 11 :

Enoncé :

Nous allons travailler ici sur des conjectures de Collatz.

Ecrire une fonction 'iterCollatz()' qui va retourner le nombre suivant d'une conjecture de Collatz de la manière suivante :

• Si l'argument est pair, la fonction va retourner la moitié de ce dernier.
• Si l'argument est impair, la fonction va retourner le triple de ce dernier plus 1.

Ecrire une fonction 'displayRow()' qui sera utilisée comme sous-routine et qui va afficher une séquence complète.

Ecrire un script qui va demander un entier de départ pour la première conjecture et un nombre de conjectures à calculer.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 12 :

Enoncé :

Définir un objet 'member' (membre) avec les attributs 'id' (identifiant), 'name' (nom) et 'grade' et une méthode 'toString' personnalisée.

Afficher une instance de cet objet en utilisant la méthode 'toString' implicite.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 13 :

Enoncé :

Utiliser la solution de l'exercice précédent. Créer un objet 'team' qui contient des membres. Créer une instance de 'team' et y ajouter des membres. Afficher les membres de 'team' en utilisant la fonction 'toString' de 'member'.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 14 :

Enoncé :

Demander sa date d'anniversaire à l'utilisateur. Calculer ensuite le nombre de jours restant jusqu'à cette date.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 15 :

Enoncé :

Nous allons travailler ici sur des codages ROT13.

Créer une fonction qui va coder/décoder un message en ROT13. Ecrire un script qui va utiliser cette fonciton.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 16 :

Enoncé :

Ecrire un script qui va créer deux liens dans une page. Le premier lien va ouvrir une fenêtre et le deuxième lien va fermer cette fenêtre. La fenêtre ouverte sera positionnée en haut à gauche de l'écran, sera redimentionnable et aura le focus. Le texte "L'oeil est la fenêtre de l'âme" sera affiché en gros caractère dans cette fenêtre.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 17 :

Enoncé :

Ecrire un script qui va afficher le nom de votre navigateur, sa version et le système d'exploitation que vous utilisez.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 18 :

Enoncé :

Ecrire une fonction qui retourne 'vrai' lorsqu'une chaine de caractères commence par une lettre majuscule ou minuscule comprise entre 'a' et 'f'. Ecrire ensuite un script qui va utiliser cette fonction.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 19 :

Enoncé :

Ecrire une fonction qui retourne 'vrai' lorsqu'une chaine de caractères contient au moins un chiffre. Ecrire ensuite un script qui va utiliser cette fonction.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.

Exercice JavaScript 20 :

Enoncé :

Ecrire une fonction qui remplace toutes les lettres dans une chaine de caractère par 'x'. Ecrire ensuite un script qui va utiliser cette fonction.

Solution :

Pour voir ma solution, cliquez -> ici <-.

Pour voir le résultat, cliquez -> ici <-.