first comit

exercices/17-objet-acces-proprietes.js

@@ -7,4 +7,7 @@ En reprenant l'objet `voiture` de l'exercice précédent :
 4. affichez l'objet complet pour vérifier le changement.
 */
 const voiture = { marque: "Renault", modele: "Clio", annee: 2022, enMarche: false };
-
+console.log(voiture.marque);
+console.log(voiture["modele"]);
+voiture.enMarche = true;
+console.log(voiture);

exercices/21-tableau-creation-acces.js

@@ -3,4 +3,7 @@
 1. créez un tableau `jours` contenant les jours de la semaine.
 2. affichez le premier jour de la semaine.
 3. affichez le dernier jour de la semaine en utilisant la propriété `length`.
-*/
+*/
+const jours = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"];
+console.log(jours[0]);
+console.log(jours[jours.length - 1]);

exercices/22-tableau-boucle-forEach.js

@@ -3,4 +3,7 @@
 - soit le tableau `nombres`.
 - utilisez la méthode `forEach` pour afficher chaque nombre du tableau multiplié par 2.
 */
-const nombres = [10, 20, 30, 40, 50];
+const nombres = [10, 20, 30, 40, 50];
+nombres.forEach(function(nombre) {
+    console.log(nombre * 2);
+});

exercices/30-dom-selection-id.js

@@ -2,4 +2,7 @@
 Énoncé :
 sélectionnez l'élément `<h1>` qui a l'ID `titre-principal` et stockez-le dans une variable `titre`.
 affichez cette variable dans la console.
-*/
+*/
+const titre = document.getElementById("titre-principal");
+console.log(titre);
+console.log(titre.textContent)

exercices/31-dom-selection-querySelector.js

@@ -2,4 +2,6 @@
 Énoncé :
 1. sélectionnez le premier paragraphe qui a la classe `paragraphe` en utilisant `querySelector`.
 2. affichez-le dans la console.
-*/
+*/
+const premierParagraphe = document.querySelector(".paragraphe");
+console.log(premierParagraphe);

exercices/37-es6-rest-parameters.js

@@ -3,4 +3,9 @@
 - créez une fonction fléchée `somme` qui peut prendre un nombre indéfini d'arguments numériques en utilisant les "rest parameters".
 - la fonction doit retourner la somme de tous les arguments.
 - testez-la avec différents nombres d'arguments.
-*/
+*/
+const somme = (...nombres) => nombres.reduce((acc, curr) => acc + curr, 0);
+console.log(somme(1, 2, 3));
+console.log(somme(10, 20, 30, 40));
+console.log(somme(5));
+console.log(somme());

exercices/38-es6-classes.js

@@ -3,4 +3,14 @@
 1. créez une classe `Animal` avec un `constructor` qui initialise un `nom`.
 2. ajoutez une méthode `crier` à cette classe qui affiche "L'animal crie.".
 3. créez une instance de cette classe et appelez la méthode `crier`.
-*/
+*/
+class Animal {
+    constructor(nom) {
+        this.nom = nom;
+    }
+    crier() {
+        console.log("L'animal crie.");
+    }
+}
+const monAnimal = new Animal("Teeqzie");
+monAnimal.crier();

index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>TP JavaScript - Partie 5 - Manipulation du DOM - Exercices 30 à 36</title>
+    <script src="exercices/30-dom-selection-id.js" defer></script>
+    <script src="exercices/31-dom-selection-querySelector.js" defer></script>
     <style>
         body {
             font-family: sans-serif;