不足している文字を挿入する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>