first comit

corrections/01-variables-declaration.js

@@ -0,0 +1,6 @@
+let nom = "Alice";
+let age = 30;
+
+console.log(nom);
+console.log(age);
+console.log("Nom:", nom, "- Age:", age);

corrections/02-constantes.js

@@ -0,0 +1,5 @@
+const PI = 3.14159;
+console.log(PI);
+
+// PI = 3; // Décommenter cette ligne provoquera une TypeError.
+// Explication : On ne peut pas réassigner une nouvelle valeur à une constante (déclarée avec `const`).

corrections/03-types-primitifs.js

@@ -0,0 +1,11 @@
+let uneChaine = "Bonjour";
+let unNombre = 42;
+let unBooleen = true;
+let uneVariableNulle = null;
+let uneVariableNonDefinie;
+
+console.log("Type de uneChaine:", typeof uneChaine); // string
+console.log("Type de unNombre:", typeof unNombre); // number
+console.log("Type de unBooleen:", typeof unBooleen); // boolean
+console.log("Type de uneVariableNulle:", typeof uneVariableNulle); // object (bizarrerie de JS)
+console.log("Type de uneVariableNonDefinie:", typeof uneVariableNonDefinie); // undefined

corrections/04-operateurs-arithmetiques.js

@@ -0,0 +1,8 @@
+let a = 15;
+let b = 4;
+
+console.log("Addition:", a + b);
+console.log("Soustraction:", a - b);
+console.log("Multiplication:", a * b);
+console.log("Division:", a / b);
+console.log("Modulo (reste):", a % b);

corrections/05-concatenation-chaines.js

@@ -0,0 +1,5 @@
+let debut = "Bonjour, je m'appelle ";
+let nom = "Bob";
+let phrase = debut + nom + ".";
+
+console.log(phrase);

corrections/06-template-literals.js

@@ -0,0 +1,5 @@
+let animal = "chat";
+let cri = "miaou";
+
+let phrase = `Le ${animal} fait ${cri} !`;
+console.log(phrase);

corrections/07-condition-if-else.js

@@ -0,0 +1,11 @@
+let note = 15;
+
+if (note > 18) {
+    console.log("Excellent");
+} else if (note >= 14) { // Pas besoin de vérifier <= 18 car le cas > 18 est déjà traité
+    console.log("Bien");
+} else if (note >= 10) { // Pas besoin de vérifier <= 13
+    console.log("Passable");
+} else {
+    console.log("Échec");
+}

corrections/08-operateur-ternaire.js

@@ -0,0 +1,4 @@
+let age = 20;
+let message = age >= 18 ? "Vous êtes majeur" : "Vous êtes mineur";
+
+console.log(message);

corrections/09-boucle-for.js

@@ -0,0 +1,3 @@
+for (let i = 1; i <= 5; i++) {
+    console.log(i);
+}

corrections/10-boucle-while.js

@@ -0,0 +1,8 @@
+let compteur = 10;
+
+while (compteur >= 0) {
+    console.log(compteur);
+    compteur--;
+}
+
+console.log("Décollage !");

corrections/11-fizzbuzz.js

@@ -0,0 +1,11 @@
+for (let i = 1; i <= 100; i++) {
+    if (i % 3 === 0 && i % 5 === 0) {
+        console.log("FizzBuzz");
+    } else if (i % 3 === 0) {
+        console.log("Fizz");
+    } else if (i % 5 === 0) {
+        console.log("Buzz");
+    } else {
+        console.log(i);
+    }
+}

corrections/12-fonction-declaration.js

@@ -0,0 +1,6 @@
+function calculerSurface(largeur, hauteur) {
+    return largeur * hauteur;
+}
+
+let surface = calculerSurface(10, 20);
+console.log("La surface est de :", surface);

corrections/13-fonction-flechee.js

@@ -0,0 +1,9 @@
+const calculerSurface = (largeur, hauteur) => {
+    return largeur * hauteur;
+};
+
+// Version encore plus concise
+// const calculerSurface = (largeur, hauteur) => largeur * hauteur;
+
+let surface = calculerSurface(5, 8);
+console.log("La surface est de :", surface);

corrections/14-fonction-parametres-defaut.js

@@ -0,0 +1,6 @@
+const saluer = (nom, salutation = "Bonjour") => {
+    return `${salutation}, ${nom} !`;
+};
+
+console.log(saluer("Marie", "Bonsoir"));   // affiche "Bonsoir, Marie !"
+console.log(saluer("Jean"));                        // affiche "Bonjour, Jean !"

corrections/15-portee-variables.js

@@ -0,0 +1,12 @@
+let variableGlobale = "Je suis globale";
+
+function testerPortee() {
+    let variableLocale = "Je suis locale";
+    console.log(variableGlobale); // affiche "Je suis globale"
+    console.log(variableLocale); // affiche "Je suis locale"
+}
+
+testerPortee();
+// - console.log(variableLocale); // cette ligne cause une ReferenceError.
+// - explication : `variableLocale` est définie à l'intérieur de la fonction `testerPortee`.
+// - elle n'existe que dans la portée (le "scope") de cette fonction et n'est pas accessible de l'extérieur.

corrections/16-objet-litteral.js

@@ -0,0 +1,8 @@
+const voiture = {
+    marque: "Renault",
+    modele: "Clio",
+    annee: 2022,
+    enMarche: false
+};
+
+console.log(voiture);

corrections/17-objet-acces-proprietes.js

@@ -0,0 +1,13 @@
+const voiture = { marque: "Renault", modele: "Clio", annee: 2022, enMarche: false };
+
+// 1.
+console.log("Marque:", voiture.marque);
+
+// 2.
+console.log("Modèle:", voiture['modele']);
+
+// 3.
+voiture.enMarche = true;
+
+// 4.
+console.log("Voiture mise à jour:", voiture);

corrections/18-objet-methode.js

@@ -0,0 +1,13 @@
+const personne = {
+    nom: "Carole",
+    age: 35,
+    sePresenter: function() {
+        console.log(`Bonjour, je m'appelle ${this.nom} et j'ai ${this.age} ans.`);
+    }
+    // Syntaxe alternative plus courte :
+    // sePresenter() {
+    //   console.log(`Bonjour, je m'appelle ${this.nom} et j'ai ${this.age} ans.`);
+    // }
+};
+
+personne.sePresenter();

corrections/19-objet-destructuration.js

@@ -0,0 +1,6 @@
+const produit = { id: 123, nom: "Souris sans fil", prix: 29.99, stock: 150 };
+
+const { nom, prix } = produit;
+
+console.log("Nom du produit:", nom);
+console.log("Prix:", prix);

corrections/20-objet-spread-operator.js

@@ -0,0 +1,13 @@
+const parametresUtilisateur = {
+    theme: "sombre",
+    langue: "fr"
+};
+
+const detailsUtilisateur = {
+    nom: "David",
+    email: "david@example.com"
+};
+
+const utilisateurComplet = { ...parametresUtilisateur, ...detailsUtilisateur };
+
+console.log(utilisateurComplet);

corrections/21-tableau-creation-acces.js

@@ -0,0 +1,4 @@
+const jours = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"];
+
+console.log("Premier jour:", jours[0]);
+console.log("Dernier jour:", jours[jours.length - 1]);

corrections/22-tableau-boucle-forEach.js

@@ -0,0 +1,5 @@
+const nombres = [10, 20, 30, 40, 50];
+
+nombres.forEach((nombre) => {
+    console.log(nombre * 2);
+});

corrections/23-tableau-methode-map.js

@@ -0,0 +1,5 @@
+const mots = ["javascript", "est", "vraiment", "puissant"];
+
+const longueurs = mots.map(mot => mot.length);
+
+console.log(longueurs); // Affiche [10, 3, 8, 8]

corrections/24-tableau-methode-filter.js

@@ -0,0 +1,5 @@
+const notes = [5, 12, 8, 15, 9, 19, 10];
+
+const bonnesNotes = notes.filter(note => note >= 10);
+
+console.log(bonnesNotes); // Affiche [12, 15, 19, 10]

corrections/25-tableau-methode-find.js

@@ -0,0 +1,9 @@
+const utilisateurs = [
+    { id: 1, nom: "Frank", email: "frank@example.com" },
+    { id: 2, nom: "Grace", email: "grace@example.com" },
+    { id: 3, nom: "Eve", email: "eve@example.com" }
+];
+
+const utilisateurTrouve = utilisateurs.find(user => user.email === "eve@example.com");
+
+console.log(utilisateurTrouve);

corrections/26-tableau-methode-reduce.js

@@ -0,0 +1,11 @@
+const panier = [
+    { nom: "Pommes", prix: 2.5 },
+    { nom: "Lait", prix: 1.2 },
+    { nom: "Pain", prix: 1.8 }
+];
+
+const total = panier.reduce((accumulateur, produit) => {
+    return accumulateur + produit.prix;
+}, 0); // 0 est la valeur initiale de l'accumulateur
+
+console.log("Prix total du panier:", total); // Affiche 5.5

corrections/27-tableau-chainage-methodes.js

@@ -0,0 +1,7 @@
+const nombres = [5, 12, 8, 20, 15, 9];
+
+const resultat = nombres
+    .filter(n => n > 10)     // Étape 1 : [12, 20, 15]
+    .map(n => n * 3);        // Étape 2 : [36, 60, 45]
+
+console.log(resultat);

corrections/28-tableau-spread-operator.js

@@ -0,0 +1,6 @@
+const europe = ["France", "Allemagne", "Espagne"];
+const asie = ["Chine", "Japon", "Inde"];
+
+const monde = [...europe, ...asie];
+
+console.log(monde);

corrections/29-tableau-destructuration.js

@@ -0,0 +1,7 @@
+const classement = ["Bolt", "Gatlin", "De Grasse", "Blake"];
+
+const [premier, deuxieme, troisieme] = classement;
+
+console.log("Premier:", premier);
+console.log("Deuxième:", deuxieme);
+console.log("Troisième:", troisieme);

corrections/30-dom-selection-id.js

@@ -0,0 +1,2 @@
+const titre = document.getElementById('titre-principal');
+console.log(titre);

corrections/31-dom-selection-querySelector.js

@@ -0,0 +1,2 @@
+const premierParagraphe = document.querySelector('.paragraphe');
+console.log(premierParagraphe);

corrections/32-dom-modification-contenu.js

@@ -0,0 +1,2 @@
+const titre = document.getElementById('titre-principal');
+titre.textContent = "Bienvenue sur ma page !";

corrections/33-dom-modification-style.js

@@ -0,0 +1,3 @@
+const titre = document.getElementById('titre-principal');
+titre.style.color = "blue";
+titre.style.fontSize = "48px";

corrections/34-dom-evenement-click.js

@@ -0,0 +1,5 @@
+const bouton = document.getElementById('mon-bouton');
+
+bouton.addEventListener('click', function() {
+    console.log("Vous avez cliqué sur le bouton !");
+});

corrections/35-dom-interaction-input.js

@@ -0,0 +1,7 @@
+const bouton = document.getElementById('mon-bouton');
+const champTexte = document.getElementById('champ-texte');
+
+bouton.addEventListener('click', () => {
+    const valeur = champTexte.value;
+    alert(`La valeur de l'input est : ${valeur}`);
+});

corrections/36-dom-creation-element.js

@@ -0,0 +1,11 @@
+// 1.
+const liste = document.getElementById('ma-liste');
+
+// 2.
+const nouvelElement = document.createElement('li');
+
+// 3.
+nouvelElement.textContent = "Nouvel élément ajouté";
+
+// 4.
+liste.appendChild(nouvelElement);

corrections/37-es6-rest-parameters.js

@@ -0,0 +1,7 @@
+const somme = (...nombres) => {
+    return nombres.reduce((total, nombre) => total + nombre, 0);
+};
+
+console.log(somme(1, 2, 3)); // Affiche 6
+console.log(somme(10, 20, 30, 40)); // Affiche 100
+console.log(somme(5)); // Affiche 5

corrections/38-es6-classes.js

@@ -0,0 +1,12 @@
+class Animal {
+    constructor(nom) {
+        this.nom = nom;
+    }
+
+    crier() {
+        console.log(`${this.nom} crie.`);
+    }
+}
+
+const monAnimal = new Animal("Lion");
+monAnimal.crier();

corrections/39-es6-modules-export.js

@@ -0,0 +1,7 @@
+export const additionner = (a, b) => {
+    return a + b;
+};
+
+export const multiplier = (a, b) => {
+    return a * b;
+};

corrections/40-es6-modules-import.js

@@ -0,0 +1,7 @@
+import { additionner, multiplier } from './39-es6-modules-export.js';
+
+const somme = additionner(10, 5);
+const produit = multiplier(10, 5);
+
+console.log("Somme:", somme); // 15
+console.log("Produit:", produit); // 50