Add attempt counter and disable further play if won

1 files changed, 26 insertions, 6 deletions

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 = "";
+		}
 	}
 }