diff --git a/A-les-bases.md b/A-les-bases.md index 94cdff6917b91c567130ea3316089aab4e09d930..16e6fa547ef8b065000950f112993172082b20c2 100644 --- a/A-les-bases.md +++ b/A-les-bases.md @@ -30,7 +30,7 @@ ```bash npm install ``` -4. **Une fois tout installé, vous pouvez relancer la compilation à l'aide de la commande `npm run watch` et lancer le serveur http avec `npx serve -l 8000`**. Vérifiez ensuite que la page s'affiche correctement dans le navigateur :<br><a href="images/readme/pizzaland-05-modules-webpack.jpg"><img src="images/readme/pizzaland-05.jpg" width="80%"></a> +4. **Une fois tout installé, vous pouvez relancer la compilation à l'aide de la commande `npm run watch` et lancer le serveur http avec `npx serve -l 8000`**. Vérifiez ensuite que la page s'affiche correctement dans le navigateur :<br><a href="images/readme/pizzaland-05.png"><img src="images/readme/pizzaland-05.png" width="80%"></a> ## A.2. Sélectionner des éléments @@ -79,7 +79,7 @@ La propriété `innerHTML` permet à la fois de lire et de modifier le contenu d <small class="label label-success">les pizzas c'est la vie</small> ``` -<a href="images/readme/pizzaland-innerhtml.jpg"><img src="images/readme/pizzaland-innerhtml.jpg" width="80%"></a> +<a href="images/readme/pizzaland-innerhtml.png"><img src="images/readme/pizzaland-innerhtml.png" width="80%"></a> ### A.3.2. getAttribute/setAttribute Les méthodes `getAttribute()` et `setAttribute()` de la classe Element permettent de lire, d'ajouter ou de modifier des attributs HTML. @@ -87,7 +87,7 @@ Les méthodes `getAttribute()` et `setAttribute()` de la classe Element permette 1. Affichez dans la console l'url du 2e lien contenu dans le footer (`"https://www.freepik.com/"`) 2. Ajoutez la classe CSS "active" au `<li>` qui contient le lien "La carte" dans le menu -<a href="images/readme/pizzaland-setatttribute.jpg"><img src="images/readme/pizzaland-setatttribute.jpg" width="80%"></a> +<a href="images/readme/pizzaland-setattribute.png"><img src="images/readme/pizzaland-setattribute.png" width="80%"></a> ## Étape suivante Maintenant que l'on est capable de sélectionner / modifier des éléments HTML, nous allons voir dans le prochain exercice comment détecter les événements : [B. Les événements](./B-evenements.md). \ No newline at end of file diff --git a/B-evenements.md b/B-evenements.md index 6319aa79363b3953baa66168b55c6011f54a3d0c..1c66d13c5da2ea37ac02fd3ada84d8c03a8bcdd8 100644 --- a/B-evenements.md +++ b/B-evenements.md @@ -50,8 +50,8 @@ On peut soit générer du code HTML entièrement en JS et l'injecter dans la pag <section class="newsContainer" style="display:none">...</section> ``` 2. Dans `main.js` rendez cette section visible à l'écran à l'aide de la méthode `setAttribute()`. <br> - *En CSS, pour afficher une balise qui est en `display:none`, on peut remplacer la valeur de `display` par `initial`.* -3. Faites en sorte qu'au clic sur le bouton `<button class="closeButton">` la section soit à nouveau masquée + *En CSS, pour afficher une balise qui est en `display:none`, on peut remplacer la valeur du style `display` par `initial`.* +3. Faites en sorte qu'au clic sur le bouton `<button class="closeButton">` (contenu dans la section) la section soit à nouveau masquée ## Étape suivante -Maintenant que l'on est capable de détecter les actions de l'utilisateur nous allons travailler sur la gestion des formulaires dans le prochain exercice : [C. Les formulaires](./C-formulaires.md). \ No newline at end of file +Maintenant que l'on est capable de détecter les actions de l'utilisateur nous allons travailler sur la gestion des formulaires : [C. Les formulaires](./C-formulaires.md). \ No newline at end of file diff --git a/images/readme/flow-error.jpg b/images/readme/flow-error.jpg deleted file mode 100644 index 94f0c578264a2fb43efb492a10251c2b7a550321..0000000000000000000000000000000000000000 Binary files a/images/readme/flow-error.jpg and /dev/null differ diff --git a/images/readme/npm-run-test.gif b/images/readme/npm-run-test.gif deleted file mode 100644 index db60c378c6e1e5447e9c0f127042b9454b861cc4..0000000000000000000000000000000000000000 Binary files a/images/readme/npm-run-test.gif and /dev/null differ diff --git a/images/readme/pizzaland-00.jpg b/images/readme/pizzaland-00.jpg deleted file mode 100644 index dabe73afe86c8a6589eaecc7013eb83f7460f690..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-00.jpg and /dev/null differ diff --git a/images/readme/pizzaland-01.jpg b/images/readme/pizzaland-01.jpg deleted file mode 100644 index 319867113024a52ffd24a0f679fbeca5cc152187..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-01.jpg and /dev/null differ diff --git a/images/readme/pizzaland-02.jpg b/images/readme/pizzaland-02.jpg deleted file mode 100644 index 525bb6d6a50022ade6654bc15a33bf2ffde91a59..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-02.jpg and /dev/null differ diff --git a/images/readme/pizzaland-03.jpg b/images/readme/pizzaland-03.jpg deleted file mode 100644 index b8ec1bfd21bd19cdd5ed9fa6ce98483389499e97..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-03.jpg and /dev/null differ diff --git a/images/readme/pizzaland-04.jpg b/images/readme/pizzaland-04.jpg deleted file mode 100644 index c787fd76618e0a687e0ca5063dc4e3524c6b10ae..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-04.jpg and /dev/null differ diff --git a/images/readme/pizzaland-05.jpg b/images/readme/pizzaland-05.jpg deleted file mode 100644 index bef0220daf46aecc7fe67b0f14133f30f45b8f9e..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-05.jpg and /dev/null differ diff --git a/images/readme/pizzaland-05.png b/images/readme/pizzaland-05.png new file mode 100644 index 0000000000000000000000000000000000000000..fafec9e3eb62973dec67bf9e4375a24322eae704 Binary files /dev/null and b/images/readme/pizzaland-05.png differ diff --git a/images/readme/pizzaland-06-modules.jpg b/images/readme/pizzaland-06-modules.jpg deleted file mode 100644 index 5530781db1029aa64ae93e4125662ab99b5f86ef..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-06-modules.jpg and /dev/null differ diff --git a/images/readme/pizzaland-07-modules-webpack.jpg b/images/readme/pizzaland-07-modules-webpack.jpg deleted file mode 100644 index c038efd68101d15f6546d64d06d579a24172f9e7..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-07-modules-webpack.jpg and /dev/null differ diff --git a/images/readme/pizzaland-innerhtml.jpg b/images/readme/pizzaland-innerhtml.jpg deleted file mode 100644 index f183e17bf33be6a92759b42fa53803c3d7f79237..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-innerhtml.jpg and /dev/null differ diff --git a/images/readme/pizzaland-innerhtml.png b/images/readme/pizzaland-innerhtml.png new file mode 100644 index 0000000000000000000000000000000000000000..cd2d1381f71dc8c48e0adc1a62878caa54e582dc Binary files /dev/null and b/images/readme/pizzaland-innerhtml.png differ diff --git a/images/readme/pizzaland-setattribute.png b/images/readme/pizzaland-setattribute.png new file mode 100644 index 0000000000000000000000000000000000000000..467e1b7bbd437d70ecdae15df866b47f171f324e Binary files /dev/null and b/images/readme/pizzaland-setattribute.png differ diff --git a/images/readme/pizzaland-setatttribute.jpg b/images/readme/pizzaland-setatttribute.jpg deleted file mode 100644 index 5e3b2d9bdb1d8f461661a012fa5ff3ead4803a7b..0000000000000000000000000000000000000000 Binary files a/images/readme/pizzaland-setatttribute.jpg and /dev/null differ