알토르 1주차 - Typing game 3

const wordDisplay = document.querySelector('.word-display');
const wordInput = document.querySelector('#word-input');
let wordList = ['apple', 'banana', 'cherry', 'date', 'elderberry'];
let count = 0;
// console.dir(wordDisplay);

wordDisplay.innerText = wordList[0];

wordInput.addEventListener("keydown", function() { 
    if(event.key === 'Enter') {
        if (wordInput.value === wordDisplay.innerText) {

            count++;
            wordDisplay.innerText = wordList[count];
            wordInput.value='';
    }


    }
})

 

 

 

 

사용자 입력 값과 예시값 동일한 경우, 다음 리스트로 넘어가는 과정 확인 완료

 

 

이제는 점수와 시간을 계산할 차례

 

 

HTML 문서에 score, time 변수 선언해주었기에

 

js에서도 동일한 변수를 가지고 진행한다