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

fix README images

parent 91abe2ad
Branches
No related tags found
No related merge requests found
......@@ -80,7 +80,7 @@
### B.1. devtools : La console
La console sert à afficher les instructions `console.log()` mais aussi les erreurs éventuelles dans votre code (vous me direz que ce n'est pas la peine, que vous ne faites jamais d'erreur, mais on sait tous les deux que c'est un mensonge, *"n'est-ce pas ?"*).
<img src="images/devtools-console.jpg" width="80%">
<img src="images/readme/devtools-console.jpg" width="80%">
La méthode `console.log()` peut recevoir plusieurs paramètres, ils seront dans ce cas affichés les un après les autres, séparés par un espace. Remplacer le `console.log(...);` du `main.js` par :
```js
......@@ -98,7 +98,7 @@ Enfin, la console permet de tester rapidement du code JS grâce à un champ de s
L'inspecteur d'éléments permet de consulter ET de manipuler le code HTML et CSS de la page.
<img src="images/devtools-inspecteur.jpg" width="80%">
<img src="images/readme/devtools-inspecteur.jpg" width="80%">
Il sera utile pour vérifier que le code HTML que va générer votre JS correspond bien à ce qui est attendu.
......@@ -107,7 +107,7 @@ L'onglet sources permet d'inspecter le code JavaScript de la page, de placer des
C'est probablement l'onglet des devtools le plus important lorsqu'on développe en JavaScript.
<img src="images/devtools-sources.jpg" width="80%">
<img src="images/readme/devtools-sources.jpg" width="80%">
Pour l'utiliser, remplacez le contenu de votre fichier `main.js` en ajoutant le code suivant :
```js
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment