update + fix color contrasts + JS content

docs/snippets/js/DOM-select.js

@@ -0,0 +1,22 @@
+// #region getElementsByTagName
+// sélectionner tous les éléments "section"
+document.getElementsByTagName("section");
+// #endregion getElementsByTagName
+
+// #region getElementById
+// sélectionner l'élément dont la valeur de l'attribut id est "custom"
+document.getElementById("custom");
+// #endregion getElementById
+
+// #region getElementsByClassName
+// sélectionner les éléments dont la valeur de l'attribut class est "card"
+document.getElementsByClassName("card");
+// #endregion getElementsByClassName
+
+// #region querySelector
+// sélectionner le premier élément de classe "card" dans une section d'id "custom"
+document.querySelector("section#custom .card");
+
+// sélectionner tous les éléments "button"
+document.querySelectorAll("button");
+// #endregion querySelector

docs/snippets/js/variables.js

@@ -0,0 +1,22 @@
+// #region const
+// stocker l'élément d'id "custom" dans la variable customElement
+const customElement = document.getElementById("custom");
+// #endregion const
+
+// #region dataTypes
+// myName ne devrait pas changer, pas d'où la constante
+const myName = "Nico";
+// myAge changera tous les ans, d'où l'utilisation de let
+let myAge = 32;
+// #endregion dataTypes
+
+// #region multiplesValues
+// me est un objet contenant plusieurs propriétés et leur valeur
+const me = {
+	name: "Nico",
+	age: 32,
+};
+
+// myPseudos est un tableau contenant plusieurs valeurs
+let myPseudos = ["nicool", "dev man"];
+// #endregion multiplesValues