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

您的代码有很多错误：

getElementById
对象
没有点击处理程序
访问对象时ID不正确
使用输入类型=提交会导致不需要的页面刷新为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>

Answer 2

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');
}

插入缺少字母的javascript游戏

2 个答案: