javascript - ボタンを機能に応答させることができません

Question

これが私が使用しているコードです。

<script>
function login(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;

if(username == "Ethan" && password == "Horton"){
    document.getElementById("test").innerHTML="Logged In: "Ethan"
}
else{
    alert("Incorrect User/Pass")
    }
}
</script>
<br />


Username: <input type="text" name="username" id = "username">

Password: <input type="password" name="password" id = "password">

<button type = "button" onclick = "login()">Login</button>

ボタンを押しても、関数が呼び出されません。（私はJavaScriptが初めてです。）

Answer 1

問題は次の文字列にあります: "Logged In: "Ethan". それは間違っています。

一重引用符で囲むか、通常の引用符をエスケープできます。

'Logged In: "Ethan"'

"Logged In: \"Ethan\""

http://jsfiddle.net/f0t0n/LDLN4/