插入丢失的字母javascript游戏
我正在用javascript制作一个语言学习游戏。我希望用户能够编写丢失的字母,并通过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
<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')){
警惕(“正确”);
}否则{
警惕(“错误”);
}
});代码>
扩散系数
信号
Itsdocument.getElementById()
并且您需要使用.value
属性我更正了文档
,但当我尝试正确的值时,它也只输出错误。同样,只要页面加载.Itsdocument.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');
}