Still waiting for the New York Times to send me a bogus takedown notice
Restructure script.js to be more logically consistent
Saksham Mittal 2022-04-03
parent 54348b4 · commit 19baa3e
-rw-r--r--script.js27
1 files changed, 14 insertions, 13 deletions
diff --git a/script.js b/script.js
index 3b8b8b8..ad6137e 100644
--- a/script.js
+++ b/script.js
@@ -1,6 +1,4 @@
-let answer = "hello";
let maxtries = 6;
-let len = answer.length;
let input = document.querySelector('input');
let win = document.querySelector('#win');
@@ -10,6 +8,9 @@ let attempt = document.querySelector('#attempt');
let exit = false;
let tries = 0;
+let answer = "hello";
+let len = answer.length;
+
input.setAttribute("maxlength", len);
hint.innerHTML = "Word is of length: " + len + "</br>";
@@ -28,28 +29,28 @@ function letterinstr(c) {
}
-function addGuessDisplay() {
+function addGuessDisplay(answer, guess) {
let cat = ""
for (var i = 0; i < len; i++) {
- if (input.value.charAt(i) != answer.charAt(i) && !(letterinstr(input.value.charAt(i))) ) {
- cat += '<span style="color: #595959">' + input.value.charAt(i) + "</span>";
- } else if (input.value.charAt(i) != answer.charAt(i) && (letterinstr(input.value.charAt(i))) ) {
- cat += '<span style="color: #bebe00">' + input.value.charAt(i) + "</span>";
- } else if (input.value.charAt(i) == answer.charAt(i)) {
- cat += '<span style="color: #00ff00">' + input.value.charAt(i) + "</span>";
+ if (guess.charAt(i) != answer.charAt(i) && !(letterinstr(guess.charAt(i))) ) {
+ cat += '<span style="color: #595959">' + guess.charAt(i) + "</span>";
+ } else if (guess.charAt(i) != answer.charAt(i) && (letterinstr(guess.charAt(i))) ) {
+ cat += '<span style="color: #bebe00">' + guess.charAt(i) + "</span>";
+ } else if (guess.charAt(i) == answer.charAt(i)) {
+ cat += '<span style="color: #00ff00">' + guess.charAt(i) + "</span>";
}
}
hint.innerHTML += cat + "</br>";
}
-function validateInput() {
+function validateInput(str) {
let isvalid = true;
for (var i = 0; i < len; i++) {
- let c = input.value.charAt(i)
+ let c = str.charAt(i)
if (c.toUpperCase() == c.toLowerCase()) {
isvalid = false;
break;
@@ -65,8 +66,8 @@ function checkAnswer(event) {
event.preventDefault();
if (!exit) {
- if (validateInput()) {
- addGuessDisplay();
+ if (validateInput(input.value)) {
+ addGuessDisplay(answer, input.value);
tries++;
if (input.value == answer) {
win.innerHTML = "You won!";