插入缺少字母的JavaScript遊戲

Question

我正在用javascript編寫語言學習遊戲。我希望用戶能夠編寫缺少的字母，並通過javascript驗證結果是否正確。

<form> 
     De<input id="letterone" type="text" name="latter" pattern="[A-Za-z]{1}"> 
     ign<input id="lettertwo" type="text" name="latter" pattern="[A-Za-z]{1}">r 
     <input type="submit"> 
</form> 

我的JavaScript代碼。

if ((getElementById('letterone')==='s') && (getElementById('lettertwo')==='e')) { 
    alert('Correct'); 
}else{ 
    alert('Wrong'); 
} 

Answer 1

var lOne = document.getElementById('letterone').value; // get the value of the first input 
var lTwo = document.getElementById('lettertwo').value; // get the value of the second 

if (lOne === 's') && lTwo === 'e') { 
    alert('Correct'); 
}else{ 
    alert('Wrong'); 
} 

Answer 2

有您的代碼錯誤號：的getElementById之前

• 沒有 '文件'
• 沒有對象
• 沒有點擊處理器
• 不正確的ID，而之後的 '價值'訪問對象
• 使用input type = submit會導致不需要的頁面刷新，如下面的Useless Code註釋。

document.getElementById('submit').addEventListener('click', function() { 
 
    if ((document.getElementById('latterone').value==='s') && (document.getElementById('lattertwo').value==='e')) { 
 
    alert('Correct'); 
 
    }else{ 
 
    alert('Wrong'); 
 
    } 
 
});

<form> 
 
     De<input type="text" id="latterone" pattern="[A-Za-z]{1}"> 
 
     ign<input type="text" id="lattertwo" pattern="[A-Za-z]{1}">r 
 
     <input type="button" id="submit" value="Submit"> 
 
</form>