我正在尝试创建一个简单的加法测验,其中用户将两个数字相加,然后按“提交”,然后出现下一个问题。 我试图使用数组来解决问题,因为我将不得不(最终)存储用户的答案并将它们与正确答案进行比较。 但就目前而言,我很高兴能在用户按下“提交”时显示下一个问题。
HTML:
<form>
<table id="addProblem" width="150" border="0" cellspacing="0" cellpadding="10">
<tr>
<td> </td>
<td colspan="1" align="right"><input id="carryOver"></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2" align="right" id="firstNum">48</td>
</tr>
<tr>
<td>+</td>
<td colspan="2" align="right" id="secondNum">16</td>
</tr>
<tr>
<td colspan="3"><hr id="sepLine"></td>
</tr>
<tr>
<td> </td>
<td colspan="2" align="right"><input id="userAnswer" type="text"></td>
</tr>
<tr>
<td colspan="3"><button onclick="checkAnswer()">Submit</button></td>
</tr>
</table>
</form>
JavaScript:
var numOne = [48,39,16,43,37,23,44,13,37,28,48,16]; // first number in addition problem
var numTwo = [16,22,25,18,46,49,18,39,25,17,9,28]; // second number in addition problem
var i = 0;
function checkAnswer() {
// assigns guessed number to variable
var guess = Number(document.getElementById('userAnswer').value);
if (guess == numOne[i]+numTwo[i]) {
if(confirm("Correct!")) {
// next question
i++;
document.getElementById('firstNum').innerHTML=numOne[i];
document.getElementById('secondNum').innerHTML=numTwo[i];
}
} else {
if(confirm("Incorrect")) {
// next question
i++;
document.getElementById('firstNum').innerHTML=numOne[i];
document.getElementById('secondNum').innerHTML=numTwo[i];
}
}
}