From fab35eeddc760db7c737b2e9f020dc712ed6140a Mon Sep 17 00:00:00 2001
From: Skycel9 <burstcelian@gmail.com>
Date: Fri, 26 Nov 2021 10:42:24 +0100
Subject: [PATCH] Ajout d'exemple en code pour les variables js

---
 Chapter_1/{examples => Pratique}/Js/README.md | 14 ++++--
 Chapter_1/Pratique/Js/variables.js            | 44 +++++++++++++++++++
 2 files changed, 55 insertions(+), 3 deletions(-)
 rename Chapter_1/{examples => Pratique}/Js/README.md (86%)
 create mode 100644 Chapter_1/Pratique/Js/variables.js

diff --git a/Chapter_1/examples/Js/README.md b/Chapter_1/Pratique/Js/README.md
similarity index 86%
rename from Chapter_1/examples/Js/README.md
rename to Chapter_1/Pratique/Js/README.md
index 38fbd9e..1ccfebe 100644
--- a/Chapter_1/examples/Js/README.md
+++ b/Chapter_1/Pratique/Js/README.md
@@ -30,7 +30,7 @@ La déclaration de variable en <img src="../../../assets/img/js.png" width="20px
 
 > Ensuite, vous avez le choix **d'attribuer une valeur** ou non. Si vous *souhaitez attribuer* une valeur, un simple `=` permet de dire que l'on assigne une valeur à la variable, suivi de la valeur, dépendante du [type de données](../../../../Types.md) souhaité. Si vous *ne souhaitez pas assigner* de valeur dans l'immédiat vous pouvez simplement passé à la ligne suivante de votre programme.
 
-Vous savez désormais déclarer une variable en <img src="../../../assets/img/js.png" width="20px"> **javascript**, rendez- sur les prochains exemples pour apprendre la déclaration des **constantes**.
+Vous savez désormais déclarer une variable en <img src="../../../assets/img/js.png" width="20px"> **javascript**, rendez- sur les prochains exemples pour apprendre la déclaration des **constantes**. Vous pouvez jeter un oeil sur les [examples](./variables.js) en code.
 
 ---
 
@@ -39,7 +39,7 @@ Vous savez désormais déclarer une variable en <img src="../../../assets/img/js
 ```js
 // {const} {nomConstante} = {valeur}
 
-const Str = "myConstante";
+const Str = "my constante";
 const Float = 1.28;
 const Int = 4;
 const Bool = false;
@@ -54,4 +54,12 @@ En <img src="../../../assets/img/js.png" width="20px"> **javascript**, nous avon
 
 > Pour finir, vous devez **atribuer une valeur** cela se fait après le symbole **`=`** et devez vous baser sur les [types de données](../../../../Types.md) pour choisir la valeur que vous souhaitez utiliser.
 
----
\ No newline at end of file
+Vous pouvez aller voir des [exemples](./constantes.js), pour mieux comprendre leur utilisation et subilités.
+
+Félictation, vous savez dès à présent déclarer  des constantes en **javascript**. Vous pouvez réaliser les [exercices]() suivant afin de vous entrainer et vérifier que vous avez bien compris les notions.
+
+---
+
+#### Exercises
+
+##### Comming soon...
\ No newline at end of file
diff --git a/Chapter_1/Pratique/Js/variables.js b/Chapter_1/Pratique/Js/variables.js
new file mode 100644
index 0000000..2d4a599
--- /dev/null
+++ b/Chapter_1/Pratique/Js/variables.js
@@ -0,0 +1,44 @@
+// Vous trouverez ici, des exemples sur les variables
+
+let str = "my string";
+let float = 1.64;
+let int = 4;
+
+var bool = true;
+var arr = [1, 2, 3];
+
+console.log(str); // Renvoi my string
+console.log(float); // Renvoi 1.64
+console.log(int); // Renvoi 4
+console.log(bool); // Renvoi true
+console.log(arr); // Renvoi [1, 2, 3]
+
+
+// Essayons de réutiliser un nom de variables
+
+let str = "new string";
+
+console.log(str); // Renvoi new string
+
+// Ceci est possible car nous utilisons une variables
+// Vous pouvez aussi changer la valeur d'un variable de la sorte
+
+str = "new string";
+
+// Pour aller plus loin avec les variables
+
+function add(a, b) {
+    if (a && b) {
+        let result = a + b;
+    }
+
+    console.log(result); // Ne renvoie rien car let a une porté de bloc
+}
+
+function sub(a, b) {
+    if (a && b) {
+        var result = a - b;
+    }
+
+    console.log(result); // Renvoi la valeur de a - b, car var a une porté de fonction
+}