From e7f1f2ad42fed67ddfa0213549e034e808295d94 Mon Sep 17 00:00:00 2001
From: Saksham Mittal <gotlouemail@gmail.com>
Date: Sat, 2 Apr 2022 20:54:07 +0530
Subject: Streamline display code to be more concise and readable

---
 script.js | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

(limited to 'script.js')

diff --git a/script.js b/script.js
index 77de1ec..43ab097 100644
--- a/script.js
+++ b/script.js
@@ -2,7 +2,6 @@ let answer = "hello";
 let len = answer.length;
 
 let input = document.querySelector('input');
-
 let win = document.querySelector('#win');
 let hint = document.querySelector('#hint');
 let attempt = document.querySelector('#attempt');
@@ -26,17 +25,18 @@ function letterinstr(c) {
 }
 
 function addGuessDisplay() {
-
-	hint.innerHTML += "</br>";
+	
+	let cat = ""
 	for (var i = 0; i < len; i++) {
 		if (input.value.charAt(i) != answer.charAt(i) && !(letterinstr(input.value.charAt(i))) ) {
-			hint.innerHTML += '<span style="color: #595959">' + input.value.charAt(i) + "</span>";
+			cat += '<span style="color: #595959">' + input.value.charAt(i) + "</span>";
 		} else if (input.value.charAt(i) != answer.charAt(i) && (letterinstr(input.value.charAt(i))) ) {
-			hint.innerHTML += '<span style="color: #bebe00">' + input.value.charAt(i) + "</span>";
+			cat += '<span style="color: #bebe00">' + input.value.charAt(i) + "</span>";
 		} else if (input.value.charAt(i) == answer.charAt(i)) {
-			hint.innerHTML += '<span style="color: #00ff00">' + input.value.charAt(i) + "</span>";
+			cat += '<span style="color: #00ff00">' + input.value.charAt(i) + "</span>";
 		}
 	}
+	hint.innerHTML += cat + "</br>";
 	
 }
 
@@ -49,15 +49,12 @@ function validateInput() {
 	}
 
 	for (var i = 0; i < len; i++) {
-		
 		let c = input.value.charAt(i)
-
 		if (c.toUpperCase() == c.toLowerCase()) {
 			console.log("hi");
 			isvalid = false;
 			break;
 		}
-
 	}
 
 	return isvalid;
@@ -65,7 +62,9 @@ function validateInput() {
 }
 
 function checkAnswer(event) {
+	
 	event.preventDefault();
+
 	if (!exit) {
 		if (validateInput()) {
 			addGuessDisplay();
@@ -81,7 +80,6 @@ function checkAnswer(event) {
 			if (tries > 1) {
 				attempt.innerHTML += "s";
 			}
-
 		}
 	}
 }
-- 
cgit 1.4.1