diff options
| -rw-r--r-- | script.js | 27 |
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!"; |