diff --git a/exercices/17-objet-acces-proprietes.js b/exercices/17-objet-acces-proprietes.js index 037bb00..9f5dcf8 100644 --- a/exercices/17-objet-acces-proprietes.js +++ b/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); \ No newline at end of file diff --git a/exercices/21-tableau-creation-acces.js b/exercices/21-tableau-creation-acces.js index 53e2628..20a45a7 100644 --- a/exercices/21-tableau-creation-acces.js +++ b/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`. -*/ \ No newline at end of file +*/ +const jours = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"]; +console.log(jours[0]); +console.log(jours[jours.length - 1]); diff --git a/exercices/22-tableau-boucle-forEach.js b/exercices/22-tableau-boucle-forEach.js index 7cfcec2..013989f 100644 --- a/exercices/22-tableau-boucle-forEach.js +++ b/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]; \ No newline at end of file +const nombres = [10, 20, 30, 40, 50]; +nombres.forEach(function(nombre) { + console.log(nombre * 2); +}); \ No newline at end of file diff --git a/exercices/30-dom-selection-id.js b/exercices/30-dom-selection-id.js index 94d3749..babf1b5 100644 --- a/exercices/30-dom-selection-id.js +++ b/exercices/30-dom-selection-id.js @@ -2,4 +2,7 @@ Énoncé : sélectionnez l'élément `

` qui a l'ID `titre-principal` et stockez-le dans une variable `titre`. affichez cette variable dans la console. -*/ \ No newline at end of file +*/ +const titre = document.getElementById("titre-principal"); +console.log(titre); +console.log(titre.textContent) \ No newline at end of file diff --git a/exercices/31-dom-selection-querySelector.js b/exercices/31-dom-selection-querySelector.js index 384acac..5dfcd49 100644 --- a/exercices/31-dom-selection-querySelector.js +++ b/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. -*/ \ No newline at end of file +*/ +const premierParagraphe = document.querySelector(".paragraphe"); +console.log(premierParagraphe); \ No newline at end of file diff --git a/exercices/37-es6-rest-parameters.js b/exercices/37-es6-rest-parameters.js index 7eeb8ae..9bfbaa6 100644 --- a/exercices/37-es6-rest-parameters.js +++ b/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. -*/ \ No newline at end of file +*/ +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()); \ No newline at end of file diff --git a/exercices/38-es6-classes.js b/exercices/38-es6-classes.js index d0c0c76..908ecb9 100644 --- a/exercices/38-es6-classes.js +++ b/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`. -*/ \ No newline at end of file +*/ +class Animal { + constructor(nom) { + this.nom = nom; + } + crier() { + console.log("L'animal crie."); + } +} +const monAnimal = new Animal("Teeqzie"); +monAnimal.crier(); \ No newline at end of file diff --git a/index.html b/index.html index d20896e..70bffd2 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,8 @@ TP JavaScript - Partie 5 - Manipulation du DOM - Exercices 30 à 36 + +