javascript - テキストボックスを配列要素と比較しようとしています

Question

ユーザーがテキストボックスに入力したテキストを配列の要素と比較しようとしていますが、問題があります。

function checkAns()
{
var str = imageArray[randNum];
var n = str.indexOf(document.getElementById('textBox').value);
if(n == -1)
{
    alert("Wrong Answer")
}
else
{
    alert("Right Answer")
}
}

ユーザー入力は、配列要素内の指定された文字列の一部と一致して正解を返すか、まったく一致せずに不正解を返す必要があります。

<input type=”text” id=”textBox” value=””&gt;
<input type=”button” value=”Check” onclick=”checkAns()”&gt;

役に立つ場合は、テキストボックスとボタンのコードを追加しました。

Answer 1

正確に取得する必要があるものを確認してください。これ：

if (document.getElementById('textBox').value === str) {
    // text from array element is the same as in value
} else {
    // ... differs from value
}

またはこれ：

if (str.indexOf(document.getElementById('textBox').value) > -1) {
    // text from value exists in array element
} else {
    // ... does not exist
}

または多分これ：

if (document.getElementById('textBox').value.indexOf(str) > -1) {
    // text from array element exists in value
} else {
    // ... does not exist
}