Still waiting for the New York Times to send me a bogus takedown notice
Restructure script.js to be more logically consistent
| -rw-r--r-- | script.js | 27 |
1 files changed, 14 insertions, 13 deletions
@@ -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!"; |