js数学答案验证

js math answer validation

本文关键字：验证 答案 js      更新时间：2024-01-05

我正在尝试生成一个用户要回答的随机加法问题。我已经生成了随机数，但很难接受用户的答案并验证它。请帮助！我的代码如下：

js：函数randomNum（）{var num1=document.getElementById（"num1"）；var num2=document.getElementById（"num2"）；num1.innerHTML=Math.floor（（Math.random（）*50）+1）；num2.innerHTML=Math.floor（（Math.random（）*50）+1）；

function checkMath() {
    var num1 = parseInt((document.getElementById("num1")), 10);
    var num2 = parseInt((document.getElementById("num2")), 10);
    ans = document.forms.problem.answer;
    ans.value = num1 + num2;
    if (ans == correct) {
        alert("woot");
    } else {
        alert("nope");
    }
}

}

html:

<body onLoad="randomNum();">
<table>
<tr>
<td>
<div id="problem">
<div>
<p id="num1">00</p>
<div class="plus">+</div>
<p id="num2">00</p>
<hr>
<form id="problem"><p><input id="answerswer" value=""></p>
<input type="button" onclick="checkMath();" value="Check Answer"></form>
</div>
</div>
</td>

您的代码有几个问题。

首先，你实际上并不是在检查答案的值，而是在替换它

其次，您使用DOM元素作为参数来解析Int，而不是字符串（缺少innerHTML）。

正确的javascript应该是：

function randomNum() {
    var num1 = document.getElementById("num1");
    var num2 = document.getElementById("num2");
    num1.innerHTML = Math.floor(Math.random()*50+1);
    num2.innerHTML = Math.floor(Math.random()*50+1);
}
function checkMath() {
    var num1 = parseInt(document.getElementById("num1").innerHTML, 10);
    var num2 = parseInt(document.getElementById("num2").innerHTML, 10);
    var answer = parseInt(document.getElementById("answerswer").value, 10);
    if (answer === num1 + num2) {
        alert("woot");
    } else {
        alert(answer + " is incorrect, correct answer is " + (num1+ num2));
    }
    document.getElementById("answerswer").value="";
    randomNum();
}

我为您创建了一个jsfiddle，请查看此处：http://jsfiddle.net/883fF/

您的HTML有点二合一，例如，您打开了表标记，但从未关闭它，等等。我希望这会有所帮助。

代码看起来不错，但您忘记关闭JS函数了。

function randomNum() {
var num1=document.getElementById("num1");
var num2=document.getElementById("num2");
num1.innerHTML=Math.floor((Math.random()*50)+1);
num2.innerHTML=Math.floor((Math.random()*50)+1);
}
function checkMath() {
var num1=new Number(document.getElementById("num1").innerHTML);
var num2=new Number(document.getElementById("num2").innerHTML);
ans=document.getElementById("answerswer").value;
   if (ans==(num1+num2))
   {
       alert('Woot!');
   }
   else
   {
       alert('Nope');
   }
}
相关文章：