Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
插入丢失的字母javascript游戏_Javascript_Html_String_String Comparison - Fatal编程技术网

插入丢失的字母javascript游戏

插入丢失的字母javascript游戏,javascript,html,string,string-comparison,Javascript,Html,String,String Comparison,我正在用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

我正在用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>

您的代码中有许多错误:

  • getElementById之前没有“文档”
  • 对象后面没有“值”
  • 无点击处理程序
  • 访问对象时id不正确
  • 使用input type=submit会导致不必要的页面刷新,如下面的注释所示
document.getElementById('submit').addEventListener('click',function(){
如果((document.getElementById('latterone')。值=='s')&&(document.getElementById('lattertwo')。值=='e')){
警惕(“正确”);
}否则{
警惕(“错误”);
}
});

扩散系数
信号

您的代码中有许多错误:

  • getElementById之前没有“文档”
  • 对象后面没有“值”
  • 无点击处理程序
  • 访问对象时id不正确
  • 使用input type=submit会导致不必要的页面刷新,如下面的注释所示
document.getElementById('submit').addEventListener('click',function(){
如果((document.getElementById('latterone')。值=='s')&&(document.getElementById('lattertwo')。值=='e')){
警惕(“正确”);
}否则{
警惕(“错误”);
}
});

扩散系数
信号

Its
document.getElementById()
并且您需要使用
.value
属性我更正了
文档
,但当我尝试正确的值时,它也只输出错误。同样,只要页面加载.Its
document.getElementById()
并且您需要使用
.value
属性,我就更正了
文档
,但是当我尝试正确的值时,它只会输出错误。页面加载后也会立即加载。这里需要注意的一点是,Bulent在
type=“button”
元素上使用了
click
处理程序。按钮不提交表单,这很重要。如果它保留了
type=“submit”
元素,则每次按下页面时都会重新加载它;除非您在表单中添加了一个
onsubmit
事件并调用它。这里需要注意的一点是,Bulent在
type=“button”
元素上使用了一个
click
处理程序。按钮不提交表单,这很重要。如果它保留了
type=“submit”
元素,则每次按下页面时都会重新加载它;除非您在表单中添加了
onsubmit
事件并调用了它。
if ((getElementById('letterone')==='s') && (getElementById('lettertwo')==='e')) {
    alert('Correct');
}else{
    alert('Wrong');
}
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');
}