ユーザがフィールドで正しい答えを入力した場合、トータルの回答を得ようとしています。しかし、それは常に0を返す理由はわかりません。私が間違っているところでそれを修正するのを助けてくれますか?ユーザ入力がJavaScriptの配列と比較されない
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Match It</title>
</head>
<body>
<h1>Set Verbs in correct form</h1>
<p>
<table>
<tr>
<th scope="col">Match 1</th>
<th scope ="col">Match 2</th>
</tr>
<tr>
<td>one</td>
<td>two</td>
<td><input type="text" id="answer1" value=""></td>
<td>four</td>
</tr>
<tr>
<td>eleven</td>
<td><input type="text" id="answer2" value=""></td>
<td>thirteen</td>
<td>fourteen</td>
</tr>
</table>
<button onclick="readit()">Check Answer!</button>
<p id="p2"></p>
</p>
Hint: twelve or three
<script type="text/javascript">
//array
var verblist =[];
verblist[0] = ["one", "two", "three", "four"];
verblist[1] = ["eleven", "twelve", "thirteen", "fourteen"];
var verdi = verblist[0][0];
function readit() {
var verb1 = document.getElementById("answer1").value;
var verb2 = document.getElementById("answer2").value;
//control input
var CorrectAnswer = "0";
if(verb1.toUpperCase() == verdi[0][2])
{
CorrectAnswer++;
}
if(verb2.toUpperCase() == verblist[1][1])
{
CorrectAnswer++;
}
document.getElementById("p2").innerHTML = ("You given total " + CorrectAnswer + " Correct Answers.");
}
</script>
</body>
</html>
私はそれを修正するのを助けてください、私はさまざまな方法を試しましたが、私にとっては常に0を返します。