js content + styles fix

docs/dev/02-intermediaire/javascript.md

@@ -105,3 +105,37 @@ On peut assigner directement des type de données dans une variable.
 Pour stocker plusieurs valeurs, il est possible de déclarer un object ou un tableau (en fonction de nos besoins).
 
 <<< @/snippets/js/variables.js#multiplesValues
+
+## Écouter des événements
+
+Une fois nos éléments HTML ciblés et stockés, nous avons besoin de déclencher des actions lorsque quelque chose se passe. Ce quelque chose peut être un clic, un survol, un champ de formulaire qui change, etc.
+
+Nous devons donc **écouter** ces événements déclencher ce qui doit l'être ensuite. La méthode JavaScript à utiliser est `addEventListener('ÉVÉNEMENT', FONCTION)`
+
+<<< @/snippets/js/variables.js#addEventListener
+
+## Les conditions
+
+Il est souvent nécessaire de déclencher des actions sur la page uniquement si certaines conditions sont remplies. Par exemple, nous pouvons regarder la valeur vraie ou fausse d'une variable et déclencher ou non une action.
+
+```js
+if (condition) {
+  // code à exécuter
+}
+```
+
+Si la condition est remplie, le code sera exécuté. Sinon, il sera ignoré.
+
+Une condition se construit de cette façon&nbsp;:
+
+`if` `(` `valeur à évaluer` `opérateur` `valeur de référence` `)`
+
+Par exemple&nbsp;: `if` `(` `myName` `===` `'Nico'` `)` ou encore `if` `(` `myAge` `>` `18` `)`
+
+Voici [une liste d'opérateurs](https://www.joshwcomeau.com/operator-lookup/) et leurs explications (en anglais).
+
+### Évaluer un booléen
+
+Un booléen peut être soit vrai soit faux. Pour évaluer sa valeur, nous pouvons nous contenter de renseigner le nom de la variable
+
+<<< @/snippets/js/variables.js#conditionsIf