From 7e0f277aa8ba8aeba3309b78f07daf6fb369579f Mon Sep 17 00:00:00 2001
From: "flyingscorpio@clevo" <tfranken@protonmail.com>
Date: Sat, 11 Jun 2022 22:39:24 +0200
Subject: [PATCH] Add calcul de base JS tp2

---
 developpement-web/tp2/calcul_de_base.html | 67 +++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 developpement-web/tp2/calcul_de_base.html
diff --git a/developpement-web/tp2/calcul_de_base.html b/developpement-web/tp2/calcul_de_base.html
new file mode 100644
index 0000000..2c1964a
--- /dev/null
+++ b/developpement-web/tp2/calcul_de_base.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width" />
+        <title>Calcul de base</title>
+    </head>
+    <body>
+        <h1>Calcul de base</h1>
+        <form id="calculator">
+            <label for="one">1er numéro : </label>
+            <input type="text" name="one" id="one"/>
+            <br/>
+            <label for="two">2e numéro : </label>
+            <input type="text" name="two" id="two"/>
+            <br/>
+            <button type="submit" value="add">Ajouter</button>
+            <button type="submit" value="sub">Soustraire</button>
+            <button type="submit" value="mul">Multiplier</button>
+            <button type="submit" value="div">Diviser</button>
+        </form>
+        <p>Le résultat est :</p>
+        <p><code id="result"></code></p>
+    </body>
+    <script charset="utf-8">
+        let form = document.getElementById('calculator');
+        form.addEventListener("submit", calculate);
+
+        function add(a, b) {
+            result = `${a} + ${b} = ${a + b}`;
+            return result;
+        }
+        function sub(a, b) {
+            result = `${a} - ${b} = ${a - b}`;
+            return result;
+        }
+        function mul(a, b) {
+            result = `${a} x ${b} = ${a * b}`;
+            return result;
+        }
+        function div(a, b) {
+            result = `${a} / ${b} = ${a / b}`;
+            return result;
+        }
+        function calculate(event) {
+            event.preventDefault();
+            var a = Number(form.one.value);
+            var b = Number(form.two.value);
+            submitter = event.submitter.value;
+            switch (submitter) {
+                case "add":
+                    result = add(a, b);
+                    break;
+                case "sub":
+                    sub(a, b);
+                    break;
+                case "mul":
+                    mul(a, b);
+                    break;
+                case "div":
+                    div(a, b);
+                    break;
+            }
+            document.getElementById('result').innerHTML = result;
+        }
+    </script>
+</html>
