From 78d398bfbb9653b9ea5137e3fc7f2fccc5446080 Mon Sep 17 00:00:00 2001
From: Karan <50290386+Sonawane-Karan26@users.noreply.github.com>
Date: Thu, 25 Nov 2021 19:29:58 +0530
Subject: [PATCH] Project 3

---
 Chapter 12/Project 3 | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 Chapter 12/Project 3
diff --git a/Chapter 12/Project 3 b/Chapter 12/Project 3
new file mode 100644
index 0000000..4a45721
--- /dev/null
+++ b/Chapter 12/Project 3	
@@ -0,0 +1,45 @@
+<!doctype html>
+<html>
+<head>
+    <title>Complete JavaScript Course</title>
+</head>
+<body>
+    <span class="val1"></span> <span>+</span> <span class="val2"></span> = <span>
+        <input type="text" name="answer"></span><button>Check</button>
+    <div class="output"></div>
+    <script>
+        const app = function () {
+            const game = {};
+            const val1 = document.querySelector(".val1");
+            const val2 = document.querySelector(".val2");
+            const output = document.querySelector(".output");
+            const answer = document.querySelector("input");
+            function init() {
+                document.querySelector("button").addEventListener("click", checker);
+                loadQuestion();
+            }
+            function ranValue(min, max) {
+                return Math.floor(Math.random() * (max - min + 1) + min);
+            }
+            function loadQuestion() {
+                game.val1 = ranValue(1, 100);
+                game.val2 = ranValue(1, 100);
+                game.answer = game.val1 + game.val2;
+                val1.textContent = game.val1;
+                val2.textContent = game.val2;
+            }
+            function checker() {
+                let bg = answer.value == game.answer ? "green" : "red";
+                output.innerHTML +=
+                    `<div style="color:${bg}">${game.val1} + ${game.val2} = ${game.answer} (${answer.value})</div>`;
+                answer.value = "";
+                loadQuestion();
+            }
+            return {
+                init: init
+            };
+        }();
+        document.addEventListener('DOMContentLoaded', app.init);
+    </script>
+</body>
+</html>
