From 5d759cb136a05e7bb2c152af50cb4ce3f38db2f4 Mon Sep 17 00:00:00 2001
From: Geir Okkenhaug Jerstad <geir@geokkjer.eu>
Date: Mon, 16 Sep 2024 13:35:36 +0200
Subject: [PATCH] gjenkjenn eopst virker ca som det skal

---
 .../uke7/gjenkjenn_epost/gjenkjenn_epost.html | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 oppgaver/uke7/gjenkjenn_epost/gjenkjenn_epost.html
diff --git a/oppgaver/uke7/gjenkjenn_epost/gjenkjenn_epost.html b/oppgaver/uke7/gjenkjenn_epost/gjenkjenn_epost.html
new file mode 100644
index 0000000..b98e791
--- /dev/null
+++ b/oppgaver/uke7/gjenkjenn_epost/gjenkjenn_epost.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Epost eller ikke</title>
+</head>
+
+<body>
+    <div id="app">
+
+    </div>
+    <script>
+        var app = document.getElementById('app');
+        var answerHtml = '';
+        var inputTextToCheck = 'Default text';
+        var html = /*HTML*/ `
+                <input type="email" value="Epost her" onchange="inputTextToCheck = this.value">
+                <button onclick="isEmail(inputTextToCheck)">Sjekk om det er en Epost</button>  
+                `;
+
+
+        updateView()
+        function updateView() {
+            app.innerHTML = html + answerHtml;
+        }
+        function isEmail(inputTextToCheck) {
+            let isItEmail;
+            if (inputTextToCheck === 'Default text' || inputTextToCheck.includes(' ')) {
+                inputTextToCheck = 'Inneholder mellomrom eller er default tekst, ikke Epost'
+                answerHtml = /*HTML*/ `<div id="answer">${inputTextToCheck}</div>`;
+                updateView();
+            } else {
+                if (inputTextToCheck.includes("@")) {
+                    newText = inputTextToCheck.split('@').pop();
+                    if (newText.includes('.')) {
+                        isItEmail = 'kan være';
+                    } else { isItEmail = 'er ikke'; }
+                } else {
+                    isItEmail = 'er ikke';
+                };
+                answerHtml = /*HTML*/ `<div id="answer">${inputTextToCheck} ${isItEmail} en Epost</div>`;
+                updateView();
+            };
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
