minesweeper some progress

2024-09-03 13:34:37 +02:00 · 2024-09-03 13:34:37 +02:00 · 5f623b19cb
commit 5f623b19cb
parent 96cca8c57a
4 changed files with 176 additions and 28 deletions
--- a/MVC/gjett_nummer.html
+++ b/MVC/gjett_nummer.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body onload="init()">
+    <div id="app">
+
+    </div>
+    <script>
+        // modell
+        let guessNumber;
+        let secretNumber;
+        let guessCount = 0;
+
+        //view
+        function updateView() {
+            let text;
+            document.getElementById('app').innerHTML = /*HTML*/ `
+            <div>${text}</div>
+            <div>Du har gjettet ${guessCount} ganger.</div>  
+            <input
+                type="number"
+                min="1"
+            />
+            <button onclick="guess()">Gjett</button>
+            <button onclick="reset()">Start på nytt</button>  
+            `;
+        }
+        function getMessage() {
+            if (!guessNumber) return '';
+            if(guessNumber==secretNumber) return 'Riktig';
+            if(guessNumber<secretNumber) return 'For lavt';
+            return 'For høyt';
+
+        }
+        // controller
+
+        function init(){
+            secretNumber = Math.floor(Math.random() * 100) + 1;
+            updateView();
+        }
+        function guess(){
+            guessCount++
+            updateView()
+        }
+
+    </script>
+</body>
+</html>