Exercices JavaScript

Exercice 1

Écrivez un script qui :

1. Demande à l'utilisateur de saisir trois nombres.

2. Affiche la moyenne, le minimum et le maximum des trois nombres.

Exercice 2

Écrivez un programme qui demande la note d'un étudiant (sur 20) et affiche :

• « Excellent » si la note est supérieure à 16

• « Bien » si la note est entre 14 et 16

• « Assez bien » si la note est entre 12 et 14

• « Passable » si la note est entre 10 et 12

• « Insuffisant » sinon

Exercice 3

Utilisez une boucle while pour afficher tous les nombres pairs entre 2 et 50. Calculez et
affichez aussi le nombre total de ces nombres pairs.

Exercice 4

Créez une fonction estPremier(n) qui retourne true si n est un nombre premier, false sinon.
Testez cette fonction avec les nombres 7, 15, 23 et 25.

Exercice 5

Écrivez un script qui :

1. Crée un tableau de 6 prix d'articles saisis par l'utilisateur.

2. Calcule le prix total.

3. Applique une remise de 10% si le total dépasse 100€.

4. Affiche le prix final.

Exercice 6

Créez une fonction qui convertit une distance en kilomètres vers des miles. Formule : 1 km =
0.621371 miles.

Exercice 7
Créez un objet voiture avec les propriétés : marque, modele, annee, couleur. Créez une
méthode description() qui retourne une phrase descriptive de la voiture.

Exercice 8

Créez un tableau de nombres. Utilisez map() pour créer un nouveau tableau contenant le
carré de chaque nombre, puis affichez les deux tableaux.

Exercice 9

En HTML : créez deux champs de texte (nom et prénom) et un bouton. En JS : affichez un

message personnalisé "Bienvenue [prénom] [nom] !" dans une div avec l'ID "message" au
clic.

Exercice 10

Expliquez ce que fait ce code et quelle sera la sortie :

let tableau = [1, 2, 3, 4, 5];

let resultat = 0;

for (let i = 0; i < tableau.length; i++) {

if (tableau[i] % 2 === 0) {

resultat += tableau[i];

console.log(resultat);

Exercice 11

Écrivez une fonction fibonacci(n) qui retourne le n-ième terme de la suite de Fibonacci.
Testez avec n = 8.

Exercice 12

Écrivez une fonction qui compte le nombre de voyelles dans une chaîne de caractères. Testez
avec "JavaScript est fantastique".

Exercice 13

Créez un tableau d'objets représentant 4 étudiants avec leurs noms et notes. Triez le tableau
par note décroissante et affichez le classement.

Exercice 14
 1. En HTML : créez une liste vide (<ul>) et un champ de texte avec un bouton.

2. En JS : ajoutez le contenu du champ comme nouvel élément de liste à chaque clic.

Exercice 15

Trouvez et corrigez les erreurs dans ce code :

function calculerAge(anneeNaissance) {

let anneeActuelle = 2024;

let age = anneeActuelle - anneeNaissance;

retourner age;

let monAge = calculerAge("1990");

console.log("J'ai " + monAge + " ans");

Exercice 16

Créez une calculatrice simple avec les fonctions additionner(), soustraire(), multiplier(),
diviser(). Créez un menu qui permet à l'utilisateur de choisir l'opération et saisir les nombres.

Exercice 17

Créez un jeu de "Deviner le nombre" où :

• L'ordinateur génère un nombre aléatoire entre 1 et 100

• L'utilisateur a 7 tentatives pour deviner

• Affichez "Trop grand", "Trop petit" ou "Bravo !" selon le cas

Exercice 18

Écrivez une fonction qui inverse l'ordre des mots dans une phrase. Exemple : "Bonjour le
monde" devient "monde le Bonjour".

Exercice 19

En HTML : créez un tableau avec id "tableau" et un bouton "Ajouter ligne". En JS : ajoutez

dynamiquement une nouvelle ligne avec deux cellules à chaque clic.
Exercice 20

Analysez ce code et expliquez pourquoi il ne fonctionne pas comme attendu :

for (var i = 0; i < 3; i++) {

setTimeout(function() {

console.log(i);

}, 100);

Proposez deux solutions pour corriger le problème.

Solutions des Exercices JavaScript

Exercice 1
let num1 = parseFloat(prompt("Entrez le premier nombre :"));
let num2 = parseFloat(prompt("Entrez le deuxième nombre :"));
let num3 = parseFloat(prompt("Entrez le troisième nombre :"));

let moyenne = (num1 + num2 + num3) / 3;

let minimum = Math.min(num1, num2, num3);
let maximum = Math.max(num1, num2, num3);

console.log("Moyenne :", moyenne);

console.log("Minimum :", minimum);
console.log("Maximum :", maximum);

Exercice 2
let note = parseFloat(prompt("Entrez votre note sur 20 :"));

if (note > 16) {

console.log("Excellent");
} else if (note >= 14) {
console.log("Bien");
} else if (note >= 12) {
console.log("Assez bien");
} else if (note >= 10) {
console.log("Passable");
} else {
console.log("Insuffisant");
}

Exercice 3
let i = 2;
let compteur = 0;

console.log("Nombres pairs entre 2 et 50 :");

while (i <= 50) {
console.log(i);
compteur++;
i += 2;
}
console.log("Nombre total de nombres pairs :", compteur);
Exercice 4
function estPremier(n) {
if (n <= 1) return false;
if (n <= 3) return true;
if (n % 2 === 0 || n % 3 === 0) return false;

for (let i = 5; i * i <= n; i += 6) {

if (n % i === 0 || n % (i + 2) === 0) {
return false;
}
}
return true;
}

console.log("7 est premier :", estPremier(7));

console.log("15 est premier :", estPremier(15));
console.log("23 est premier :", estPremier(23));
console.log("25 est premier :", estPremier(25));

Exercice 5
let prix = [];
for (let i = 0; i < 6; i++) {
prix[i] = parseFloat(prompt(`Entrez le prix de l'article ${i + 1} :`));
}

let total = prix.reduce((sum, p) => sum + p, 0);

console.log("Prix total :", total + "€");

if (total > 100) {

total = total * 0.9;
console.log("Remise de 10% appliquée !");
}

console.log("Prix final :", total + "€");

Exercice 6
function kmVelMiles(km) {
return km * 0.621371;
}

let kilometres = parseFloat(prompt("Entrez la distance en kilomètres :"));

let miles = kmVelMiles(kilometres);

console.log(kilometres + " km = " + miles.toFixed(2) + " miles");

Exercice 7
let voiture = {
marque: "Toyota",
modele: "Corolla",
annee: 2022,
couleur: "Rouge",

description: function() {
return `Voiture ${this.marque} ${this.modele} de ${this.annee}, couleur ${this.couleur}`;
}
};

console.log(voiture.description());

Exercice 8
javascript
let nombres = [1, 2, 3, 4, 5];
let carres = nombres.map(n => n * n);

console.log("Tableau original :", nombres);

console.log("Tableau des carrés :", carres);

Exercice 9
html
<!-- HTML -->
<input type="text" id="nom" placeholder="Votre nom">
<input type="text" id="prenom" placeholder="Votre prénom">
<button id="btn">Valider</button>
<div id="message"></div>
document.getElementById("btn").addEventListener("click", function() {
let nom = document.getElementById("nom").value;
 let prenom = document.getElementById("prenom").value;
let message = `Bienvenue ${prenom} ${nom} !`;
document.getElementById("message").innerHTML = message;
});

Exercice 10
Explication : Le code parcourt un tableau et additionne tous les nombres pairs.
Sortie : 6 (car 2 + 4 = 6)
Le code teste si chaque élément est pair avec %2 === 0 et ajoute les nombres pairs à la
variable resultat.

Exercice 11
function fibonacci(n) {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
}

// Version optimisée (itérative)

function fibonacciIteratif(n) {
if (n <= 1) return n;
let a = 0, b = 1;
for (let i = 2; i <= n; i++) {
let temp = a + b;
a = b;
b = temp;
}
return b;
}

console.log("Fibonacci(8) =", fibonacci(8)); // Résultat : 21

Exercice 12
function compterVoyelles(chaine) {
let voyelles = "aeiouAEIOU";
let compteur = 0;

for (let i = 0; i < chaine.length; i++) {

if (voyelles.includes(chaine[i])) {
compteur++;
}
}
 return compteur;
}

let phrase = "JavaScript est fantastique";

console.log(`Nombre de voyelles : ${compterVoyelles(phrase)}`);

Exercice 13
let etudiants = [
{nom: "Alice", note: 15},
{nom: "Bob", note: 18},
{nom: "Charlie", note: 12},
{nom: "Diana", note: 16}
];

// Trier par note décroissante

etudiants.sort((a, b) => b.note - a.note);

console.log("Classement :");
for (let i = 0; i < etudiants.length; i++) {
console.log(`${i + 1}. ${etudiants[i].nom} - ${etudiants[i].note}/20`);
}

Exercice 14
html
<!-- HTML -->
<input type="text" id="textInput" placeholder="Entrez du texte">
<button id="ajouterBtn">Ajouter</button>
<ul id="liste"></ul>
document.getElementById("ajouterBtn").addEventListener("click", function() {
let texte = document.getElementById("textInput").value;
if (texte.trim() !== "") {
let li = document.createElement("li");
li.textContent = texte;
document.getElementById("liste").appendChild(li);
document.getElementById("textInput").value = "";
}
});

Exercice 15
Erreurs et corrections :
// Code corrigé
function calculerAge(anneeNaissance) {
let anneeActuelle = 2025; // Mise à jour de l'année
let age = anneeActuelle - parseInt(anneeNaissance); // Conversion en nombre
return age; // "return" au lieu de "retourner"
}

let monAge = calculerAge("1990");

console.log("J'ai " + monAge + " ans");
Erreurs trouvées :
1. retourner → return
2. L'année devrait être 2025
3. Conversion de string en nombre avec parseInt()

Exercice 16
function additionner(a, b) { return a + b; }
function soustraire(a, b) { return a - b; }
function multiplier(a, b) { return a * b; }
function diviser(a, b) { return b !== 0 ? a / b : "Division par zéro impossible"; }

function calculatrice() {
let operation = prompt("Choisissez une opération (+, -, *, /) :");
let a = parseFloat(prompt("Premier nombre :"));
let b = parseFloat(prompt("Deuxième nombre :"));
let resultat;

switch(operation) {
case "+": resultat = additionner(a, b); break;
case "-": resultat = soustraire(a, b); break;
case "*": resultat = multiplier(a, b); break;
case "/": resultat = diviser(a, b); break;
default: resultat = "Opération invalide";
}

console.log(`Résultat : ${resultat}`);
}

calculatrice();

Exercice 17
function devinerNombre() {
let nombreSecret = Math.floor(Math.random() * 100) + 1;
 let tentatives = 7;
let trouve = false;

console.log("Devinez le nombre entre 1 et 100 !");

while (tentatives > 0 && !trouve) {

let guess = parseInt(prompt(`Tentative ${8 - tentatives}. Votre proposition :`));

if (guess === nombreSecret) {

alert("Bravo ! Vous avez trouvé !");
trouve = true;
} else if (guess > nombreSecret) {
alert("Trop grand !");
} else {
alert("Trop petit !");
}

tentatives--;
}

if (!trouve) {
alert(`Dommage ! Le nombre était ${nombreSecret}`);
}
}
devinerNombre();

Exercice 18
function inverserMots(phrase) {
return phrase.split(' ').reverse().join(' ');
}
let phrase = "Bonjour le monde";
console.log("Phrase originale :", phrase);
console.log("Phrase inversée :", inverserMots(phrase));
Exercice 19
html
<!-- HTML -->
<table id="tableau" border="1">
<tr>
<th>Colonne 1</th>
<th>Colonne 2</th>
</tr>
</table>
<button id="ajouterLigne">Ajouter ligne</button>
document.getElementById("ajouterLigne").addEventListener("click", function() {
let tableau = document.getElementById("tableau");
let nouvelleLigne = tableau.insertRow();
let cellule1 = nouvelleLigne.insertCell(0);
let cellule2 = nouvelleLigne.insertCell(1);
cellule1.innerHTML = "Cellule 1";
cellule2.innerHTML = "Cellule 2";
});

Exercice 20
Problème : Le code affiche 3 trois fois au lieu de 0, 1, 2.
Explication : La variable var i est partagée par toutes les fonctions setTimeout. Quand elles
s'exécutent, la boucle est terminée et i vaut 3.
Solution 1 - Utiliser let :
javascript
for (let i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i);
}, 100);
}
Solution 2 - Utiliser une closure :
javascript
for (var i = 0; i < 3; i++) {
(function(index) {
setTimeout(function() {
console.log(index);
}, 100);
})(i);
}