Skip to content
Snippets Groups Projects
Commit f962434a authored by Thomas Fritsch's avatar Thomas Fritsch
Browse files

maj screeshots

parent f77eea90
No related branches found
No related tags found
No related merge requests found
Showing
with 6 additions and 6 deletions
......@@ -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
......@@ -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
images/readme/flow-error.jpg

61.5 KiB

images/readme/npm-run-test.gif

80.7 KiB

images/readme/pizzaland-00.jpg

255 KiB

images/readme/pizzaland-01.jpg

32.2 KiB

images/readme/pizzaland-02.jpg

35.9 KiB

images/readme/pizzaland-03.jpg

194 KiB

images/readme/pizzaland-04.jpg

61.7 KiB

images/readme/pizzaland-05.jpg

122 KiB

images/readme/pizzaland-05.png

371 KiB

images/readme/pizzaland-06-modules.jpg

314 KiB

images/readme/pizzaland-07-modules-webpack.jpg

285 KiB

images/readme/pizzaland-innerhtml.jpg

136 KiB

images/readme/pizzaland-innerhtml.png

1.32 MiB

images/readme/pizzaland-setattribute.png

1.32 MiB

images/readme/pizzaland-setatttribute.jpg

137 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment