插入缺少字母的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>