lyspære conditionals

2024-08-22 14:28:11 +02:00 · 2024-08-22 14:28:11 +02:00 · 9929d0349f
commit 9929d0349f
parent 49cf225a2e
2 changed files with 74 additions and 0 deletions
--- a/intro_js/kjøpe_øl.html
+++ b/intro_js/kjøpe_øl.html
@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Mannen var ute etter øl</title>
+</head>
+
+<body>
+    <div>
+        Alder: <br>
+        <input id="age" onchange="checkIfCanBuyBeer()">
+        Ser ut som alder: <br>
+        <input id="looksAge" onchange="checkIfCanBuyBeer()" type="slider">
+        Har id:
+        <input id="hasId" onchange="checkIfCanBuyBeer()" type="checkbox">
+    </div>
+    <div id="info">
+
+    </div>
+    <script>
+
+
+        checkIfCanBuyBeer();
+        function checkIfCanBuyBeer() {
+            let age = document.getElementById('age').valueAsNumber;
+            let looksAge = document.getElementById('looksAge').valueAsNumber;
+            let hasId = document.getElementById('hasId').checked;
+            let canBuyBeer = false;
+
+            if (looksAge >= 25) {
+
+            } else {
+                if (hasId){}
+
+            }
+
+        };
+    </script>
+</body>
+
+</html>