如何檢查輸入以查看它是否與數組中的隨機字符串匹配

Question

當用戶開始輸入時，它會顯示不正確並且不會顯示正確。 我如何對此進行編碼以允許用戶在顯示消息之前鍵入完整的單詞。 我是一個初學者，所以任何幫助將不勝感激。 謝謝。

window.addEventListener('keydown', randomD);
 
function randomD(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");
const output = document.querySelector("typedWord");
if (event.keyCode === 32) {  
  display.innerHTML = ranWord;
  setTimeout(time, 6000);
}
 if (validateWord !== ranWord) {    
    const timeDisplay = document.querySelector("#timeDisplay");
    timeDisplay.innerHTML = "Incorrect!";
  }

 if (validateWord == ranWord) {
  const timeDisplay = document.querySelector("#timeDisplay");
    timeDisplay.innerHTML = "Correct!";
 }
  
   if (event.keyCode === 32) {
      display.innerHTML = ranWord;
      setTimeout(time, 6000);
      timeDisplay.innerHTML = "";
    } 

function time(event) {
const timeDisplay = document.querySelector("#timeDisplay");
timeDisplay.innerHTML = "Time Up!";
}

function validateWord(field) {
  let output = document.querySelector("#typedWord").value; 
  }
      
}

Answer 1

有三種方法可以做到

1. 您在輸入/文本區域區域中的onkeyup后等待一段時間，然后應用您的驗證，但是如果您的等待時間超過用戶下一次按鍵，您需要取消驗證以讓用戶完成輸入。
2. 您使用onfocusout事件處理程序等待用戶離開輸入/文本區域，然后應用您的驗證。
3. 或者簽出已經為處理這種情況而構建的第 3 方庫https://stackoverflow.com/a/29131816/7845523