No entiendo por qué en la declaración if ejecutará el código para que la entrada sea diferente y diga incorrecta incluso cuando sean iguales. Intenté buscar el archivo console.log en la consola y no da ningún error. Sé que este no es el caso, pero es como si no estuviera reconociendo o leyendo el código. Perdón por la explicación larga, soy un principiante y es difícil explicar lo que estoy tratando de decir.
Aquí está el código:
let output = document.querySelector("#typedWord");
let ansOutput = document.querySelector('[userOut]');
const display = document.querySelector("#wordDisplay");
const wordList = ['Carvedilol', 'Histrelin', 'Kadcyla', 'Mavyret', 'Paracetamol', 'Raloxifene', 'Saxagliptin'];
const random = Math.floor(Math.random() * wordList.length);
window.addEventListener('keydown', focusIn);
function focusIn(event) {
const wordList = ['Carvedilol', 'Histrelin', 'Kadcyla', 'Mavyret', 'Paracetamol', 'Raloxifene', 'Saxagliptin'];
const random = Math.floor(Math.random() * wordList.length);
const ranWord = wordList[random];
const display = document.querySelector("#wordDisplay");
let output = document.querySelector("#typedWord");
if (event.keyCode === 32) {
display.innerHTML = ranWord;
setTimeout(time, 6000);
}
if (output.addEventListener('keydown', handleKeyUp));
function time(event) {
const timeDisplay = document.querySelector("#timeDisplay");
timeDisplay.innerHTML = "Time Up!";
console.log("time event")
}
function handleKeyUp(event) {
let ansOutput = document.querySelector('[userOut]')
if (event.keyCode === 13 && ansOutput === ranWord) {
event.preventDefault();
event.target.blur();
timeDisplay.innerHTML = "Correct!";
console.log('executed')
}
if (event.keyCode === 13 && ansOutput !== ranWord) {
event.preventDefault();
event.target.blur();
timeDisplay.innerHTML = "Incorrect!";
console.log('executed')
}
}
}
<header>
<h1>Type A Word Challenge!</h1>
</header>
<main>
<div id="wordDisplay"></div>
<br>
<div id="timeDisplay"></div>
<br>
<label>Type Word Here</label>
<input type="text" id="typedWord" name="userOut">
<h3>Press Spacebar to Begin</h3>
</main>