Added results for exo 2.

exercice_001/exo1.js

@@ -1,18 +1,18 @@
 document.getElementById("main-title").innerText = "Input Output";
 
-function exo1b(){
+function exo1b() {
     let userInput = document.getElementById("input-1").value;
     document.getElementById("result-box-1").innerText = userInput;
 }
 
-function getInputEqualityMessage(input1, input2){
-    if(input1 === input2){
+function getInputEqualityMessage(input1, input2) {
+    if (input1 === input2) {
         return "input-1 = input-2";
     }
     return "input-1 != input-2";
 }
 
-function exo1c(){
+function exo1c() {
     let input1 = document.getElementById("input-1").value;
     let input2 = document.getElementById("input-2").value;
 
@@ -24,34 +24,34 @@ function isNumber(str) {
 }
 
 function getIsNumberMessage(input) {
-    if(isNumber(input)){
+    if (isNumber(input)) {
         return "Number!";
     }
     return "n'est pas un nombre";
 }
 
-function exo1d(){
+function exo1d() {
     let input1 = document.getElementById("input-3").value;
 
     document.getElementById("result-box-3").innerText = getIsNumberMessage(input1);
 }
 
 function getSizeMessage(n) {
-    if(n < 1000){
+    if (n < 1000) {
         return "plus plus petit que 1000";
     }
     return "plus plus grand que 1000";
 }
 
 function getSafeSizeMessage(input) {
-    if(!isNumber(input)){
+    if (!isNumber(input)) {
         return "n'est pas un nombre";
     }
     return getSizeMessage(parseInt(input));
 
 }
 
-function exo1e(){
+function exo1e() {
     let input1 = document.getElementById("input-4").value;
 
     document.getElementById("result-box-4").innerText = getSafeSizeMessage(input1);

exercice_001/exo2.html

@@ -0,0 +1,96 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>title</title>
+    <link href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css" rel="stylesheet">
+</head>
+<body>
+<div class="container">
+
+    <div class="columns">
+        <div class="column">
+            <h1 class="title" id="main-title">#main-title</h1>
+        </div>
+    </div>
+
+
+    <div class="columns">
+        <div class="column">
+            <div class="notification is-primary" id="result-box-1">
+                <strong>#result-box-1</strong>
+                <br>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </div>
+        </div>
+        <div class="column">
+            <div class="notification is-warning" id="result-box-2">
+                <strong>#result-box-2</strong>
+                <br>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </div>
+        </div>
+        <div class="column">
+            <div class="notification is-primary is-light" id="result-box-3">
+                <strong>#result-box-3</strong>
+                <br>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </div>
+        </div>
+        <div class="column">
+            <div class="notification is-warning is-light" id="result-box-4">
+                <strong>#result-box-4</strong>
+                <br>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+            </div>
+        </div>
+    </div>
+
+    <div class="columns">
+        <div class="column">
+            <label>
+                #input-1
+                <input class="input" placeholder="Text input" type="text" id="input-1">
+            </label>
+        </div>
+        <div class="column">
+            <label>
+                #input-2
+                <input class="input" placeholder="Text input" type="text" id="input-2">
+            </label>
+        </div>
+        <div class="column">
+            <label>
+                #input-3
+                <input class="input" placeholder="Text input" type="text" id="input-3">
+            </label>
+        </div>
+        <div class="column">
+            <label>
+                #input-4
+                <input class="input" placeholder="Text input" type="text" id="input-4">
+            </label>
+        </div>
+    </div>
+
+    <div class="columns">
+        <div class="column">
+            <button type="button" class="button is-primary" id="button-1" onclick="exo1b()">#button-1</button>
+        </div>
+        <div class="column">
+            <button type="button" class="button is-warning" id="button-2" onclick="exo1c()">#button-2</button>
+        </div>
+        <div class="column">
+            <button type="button" class="button is-primary is-light" id="button-3" onclick="exo1d()">#button-3</button>
+        </div>
+        <div class="column">
+            <button type="button" class="button is-warning is-light" id="button-4" onclick="exo1e()">#button-4</button>
+        </div>
+    </div>
+</div>
+
+<script src="exo2.js"></script>
+
+</body>
+</html>

exercice_001/exo2.js

@@ -0,0 +1,40 @@
+document.getElementById("main-title").innerText = "Indirections";
+
+function exo1b() {
+    let userInput1 = document.getElementById("input-1").value;
+    let userInput2 = document.getElementById("input-2").value;
+    let userInput3 = document.getElementById("input-3").value;
+    let userInput4 = document.getElementById("input-4").value;
+    let output = userInput1 + userInput2 + userInput3 + userInput4;
+    document.getElementById("result-box-1").innerText = output;
+}
+
+
+function exo1c() {
+    let userInput = document.getElementById("input-2").value;
+    let targetInput = document.getElementById("input-" + userInput).value;
+
+    document.getElementById("result-box-2").innerText = targetInput;
+}
+
+function exo1d() {
+    let userInput = document.getElementById("input-3").value;
+    let target = document.getElementById("button-" + userInput).innerText;
+
+    document.getElementById("result-box-3").innerText = target;
+}
+
+function getValueOrInnerHtml(htmlElement) {
+    if (htmlElement.innerText !== '') {
+        return htmlElement.innerText;
+    }
+    return htmlElement.value;
+}
+
+
+function exo1e() {
+    let userInput = document.getElementById("input-4").value;
+    let target = document.getElementById(userInput);
+
+    document.getElementById("result-box-4").innerText = getValueOrInnerHtml(target);
+}