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

您的代码中有多个错误：

在 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>

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 游戏

Insert missing letter javascript game

html

javascript

string

string-comparison