feat(verif): no need for a DOM node

src/index.html

@@ -13,7 +13,7 @@
     <h1>Secret Santa</h1>
 
     <select id="person">
-      <option selected disabled>Who are you?</option>
+      <option selected disabled>Qui es-tu?</option>
       __OPTIONS__
     </select>
 
@@ -70,22 +70,28 @@
 
     <script>
       document.getElementById("person").addEventListener("change", (event) => {
-        const options = {
+        if (
-          method: "POST",
+          window.confirm(
-          headers: { "Content-Type": "application/json" },
+            `Vérification! Tu es ${event.target.value}, c'est bien ça?`
-          body: JSON.stringify({ person: event.target.value }),
+          )
-        };
+        ) {
+          const options = {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ person: event.target.value }),
+          };
 
-        console.log(options);
+          console.log(options);
 
-        fetch("api", options)
+          fetch("api", options)
-          .then((response) => response.text())
+            .then((response) => response.text())
-          .then((text) => {
+            .then((text) => {
-            document.getElementById(
+              document.getElementById(
-              "result"
+                "result"
-            ).textContent = `Your draw: ${text}`;
+              ).textContent = `Hoho! Tu as pioché ${text} ;`;
-            document.getElementById("person").remove();
+              document.getElementById("person").remove();
-          });
+            });
+        }
       });
     </script>
   </body>