fizzbuzz ternary operators

2024-09-16 14:21:43 +02:00 · 2024-09-16 14:21:43 +02:00 · a724a85414
parent 5d759cb136
commit a724a85414
1 changed files with 38 additions and 0 deletions
--- a/oppgaver/uke7/ternary_operators/ternary.html
+++ b/oppgaver/uke7/ternary_operators/ternary.html
@ -0,0 +1,38 @@
+<!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>
+    <div id="app"></div>
+    <script>
+        // model
+        var app = document.getElementById('app');
+        var score;
+        var scoreRating = '';
+        //view
+        updateView();
+        function updateView() {
+            app.innerHTML = /*HTML*/ `
+                Input score:<input type="number" onchange="score = this.value">
+                <button onclick="getScoreRating(score)">check your rating</button>
+                <div>Your rating: ${scoreRating}</div>
+            `;
+
+        }
+
+        //control
+        function getScoreRating(score) {
+            scoreRating = score > 70 ? score + " Excellent" :
+                score > 50 ? score + " Average" :
+                    score + " Do better!";
+            updateView();
+        }
+    </script>
+</body>
+
+</html>