Zach's git repos / purple
Still waiting for the New York Times to send me a bogus takedown notice
Add attempt counter and disable further play if won
Browse Source
Saksham Mittal 2022-04-02
parent fda6bdf · commit 991fb11
Diffstat
-rw-r--r--index.html4
-rw-r--r--script.js32
2 files changed, 29 insertions, 7 deletions
diff --git a/index.html b/index.html
index 5438389..39427fa 100644
--- a/index.html
+++ b/index.html
@@ -8,9 +8,11 @@
</head>
<body>
<h1>Guessing Game</h1>
- <form onsubmit="hello(event)">
+ <form onsubmit="checkAnswer(event)">
<input type="text" placeholder="Guess" autofocus>
</form>
<p id="result"></p>
+ <p id="win"></p>
+ <p id="attempt"></p>
</body>
</html>
diff --git a/script.js b/script.js
index 5f3ad23..6854ba5 100644
--- a/script.js
+++ b/script.js
@@ -2,13 +2,33 @@ let answer = "hello";
let form = document.querySelector('form');
let input = document.querySelector('input');
+let name = document.querySelector('#result');
+let win = document.querySelector('#win');
+let attempt = document.querySelector('#attempt');
-function hello(event) {
+let exit = false;
+let tries = 0;
+
+function checkAnswer(event) {
event.preventDefault();
- let name = document.querySelector('#result');
- if (input.value.length == 5) {
- name.innerHTML = `${input.value}`;
- } else {
- name.innerHTML = "";
+ if (!exit) {
+ if (input.value.length == 5) {
+ tries++;
+ name.innerHTML = `${input.value}`;
+ if (input.value == answer) {
+ win.innerHTML = "You won!";
+ exit = true;
+ } else {
+ win.innerHTML = "Not quite right!";
+ }
+ if (tries == 1) {
+ attempt.innerHTML = tries + " attempt taken";
+ } else {
+ attempt.innerHTML = tries + " attempts taken";
+ }
+
+ } else {
+ name.innerHTML = "";
+ }
}
}