私はこの配列を持っています
var foods = new Array();
foods = [
{ id: 1, correct:'icecream', display: 'icecream', response: ''},
{ id: 2, correct:'sundae', display: 'sundae', response: ''},
];
そしてこのhtml div
<div id="showfoods" class="foodlist">
<div <input id="inputFoodChoice"class="foodinput" /></div>
</div>
プロジェクトのフォーム部分で何が起こるかの jquery 部分を次に示します。
function FoodDisplay()
{
var txtTrial = "";
$("#showfoods").hide();
txtTrial = trials[curTrial].display;
$("#textPrompt").html(txtTrial);
$("#showfoods").show();
$("#inputFoodChoice").val('');
$("#inputFoodChoice").focus();
}
「アイスクリーム」という単語がその下にフォーム ボックスとともに表示されます。ユーザーは「アイスクリーム」という単語を正確に入力し、Enter キーを押します (ltr==13)。
私が欲しいのは、人が入力した値を食品配列の空の「応答」部分に格納し、これを食品配列の「正しい」値と比較することです。その人が正解したかどうかに応じて、正解したというメッセージがポップアップ表示されます。または間違っています!
そのメッセージがいくら長く表示された後でも、同じように「sundae」という単語が表示されます。
入力値の保存/正しい値との比較に問題があります。誰か助けてくれませんか?
ある意味では、食品配列の応答値を「編集」したいので、その値を取得して入力値と比較できますか、それとも必要ですか?