Exercices JavaScript

1

Exercice 1 — Associe le mot-clé à sa description

Clique d'abord sur un mot-clé JavaScript à gauche, puis sur la description qui lui correspond à droite.

Mot-clés JS

let

const

function

if

for

return

Descriptions

Répéter du code en boucle

Variable dont la valeur ne change pas

Exécuter du code sous condition

Renvoyer une valeur depuis une fonction

Variable dont la valeur peut changer

Définir un bloc de code réutilisable

2

Exercice 2 — Trouve l'erreur dans chaque bloc JavaScript

Chaque bloc ci-dessous contient une erreur. Clique sur la correction qui convient !

Erreur 1 — la déclaration de variable est incorrecte :

variable age = 14; // ← ce mot n'existe pas en JS moderne

Erreur 2 — le test de comparaison est mal écrit :

if (score = 10) { console.log("Gagné !"); } // ← = assigne, ne compare pas !

Erreur 3 — il manque quelque chose dans la boucle for :

for (let i = 0; i < 5) { console.log(i); } // ← boucle infinie !

Erreur 4 — la fonction ne renvoie rien :

function double(n) { n * 2; // ← le résultat est calculé mais perdu ! } console.log(double(5)); // affiche undefined

Erreur 5 — l'accès au tableau est incorrect :

const couleurs = ["rouge", "vert", "bleu"]; console.log(couleurs[3]); // ← affiche undefined ! // On voulait afficher "bleu"

3

Exercice 3 — L'éditeur JavaScript en direct !

Modifie le JavaScript à gauche et clique sur Exécuter pour voir le résultat dans la console à droite.

Défi : Écris une fonction saluer(prénom) qui affiche "Bonjour, [prénom] !", puis appelle-la avec ton prénom. Ensuite, affiche dans la console tous les nombres pairs de 1 à 10 !

Ton JavaScript :

Résultat — console :

← clique sur Exécuter

💡 Utilise console.log() pour afficher des valeurs. Tu peux écrire autant de lignes que tu veux — essaie d'ajouter de nouvelles fonctions ou boucles !

★

Bonus — Questions rapides

Quelques questions pour vérifier que tu as bien tout compris !

Question 1 — Que va afficher ce code ?

let x = 5;
x = x + 3;
console.log(x);

Question 2 — Combien de fois ce code affiche-t-il quelque chose ?

for (let i = 0; i < 4; i++) {
  console.log("Hello");
}

Question 3 — Quelle méthode sélectionne un élément HTML par son id ?

Question 4 — Quel événement écoute un clic de souris ?