在Javascript测验中得分_Javascript

在Javascript测验中得分

javascript

在Javascript测验中得分,javascript,Javascript,对于一个学校项目，我试图通过javascript创建一个测验。前提是“你应该投票吗？”我们问一些基本的公民问题，然后根据分数显示一条信息。例如，如果你有10个问题中的3个，则会显示一条消息，说“开国元勋们不高兴”，或者如果你有10个问题中的7个，则会说“如果你愿意，请继续投票”。我相信我有径向按钮和计分器，但是我在最后阶段遇到了麻烦。i、 e.基于分数的不同信息。我相信我可能需要添加另一个函数，但其他人告诉我不需要。无论如何，代码在下面，任何帮助都将不胜感激 <!doctype html&

对于一个学校项目，我试图通过javascript创建一个测验。前提是“你应该投票吗？”我们问一些基本的公民问题，然后根据分数显示一条信息。例如，如果你有10个问题中的3个，则会显示一条消息，说“开国元勋们不高兴”，或者如果你有10个问题中的7个，则会说“如果你愿意，请继续投票”。我相信我有径向按钮和计分器，但是我在最后阶段遇到了麻烦。i、 e.基于分数的不同信息。我相信我可能需要添加另一个函数，但其他人告诉我不需要。无论如何，代码在下面，任何帮助都将不胜感激

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
.a1 {
}
</style>
<script type="text/javascript">
var score = 0;
function fsubmit() 
{
    var correct1 = document.getElementById("a1")
    if (correct1.checked === true) 
    {
        score ++;
    }
    var correct2 = document.getElementById("b4")
    if (correct2.checked === true) 
    {
        score ++; 
    }           
}
// And here
</script>
</head>
<body>
Question 1:  What is the Surpreme law of the land?
<table width="200" border="1">
  <tbody>
    <tr>
      <td><input type="radio" name="input_1"  id="a1" value="a1" tabindex="1"> U.S Constitution </td>

      <td><input type="radio" name="input_2" id="a2" value="a2" tabindex="2"> Declaration of Independence</td>
    </tr>
  </tbody>
</table>
<table width="200" border="1">
  <tbody>
    <tr> </tr>
    <tr>
      <td><input type="radio" name="input_3" id="a3" value="a3" tabindex="3">Bill of Rights</td>
      <td><input type="radio" name="input_4" id="a4" value="a4" tabindex="4">Mayflower Compact</td>
    </tr>
  </tbody>
</table>

Question 9:  What are the first ten amendments to the U.S Constitution?
<table width="200" border="1">
  <tbody>
    <tr>
      <td><input type="radio" name="input_5"  id="b1" value="b1" tabindex="5"> Oprah's Favorite Things</td>

      <td><input type="radio" name="input_6" id="b2" value="b2" tabindex="6"> The list of Ten</td>
    </tr>
  </tbody>
</table>
<table width="200" border="1">
  <tbody>
    <tr> </tr>
    <tr>
      <td><input type="radio" name="input_7" id="b3" value="b3" tabindex="7">The Ten Commondments</td>
      <td><input type="radio" name="input_8" id="b4" value="b4" tabindex="8">The Bill of Rights</td>
    </tr>
  </tbody>
</table>

<input type="Submit" name="btnsubmit" id="btnsubmit" value="submit"
onclick="fsubmit()"/>
</body>
</html>


测试
.a1{
}
var得分=0；
函数fsubmit（）
{
var correct1=document.getElementById（“a1”）
if（correct1.checked==true）
{
分数++；
}
var correct2=document.getElementById（“b4”）
if（correct2.checked==true）
{
分数++；
}           
}
//这里呢
问题1：什么是国家的最高法律？
美国宪法
独立宣言
人权法案
五月花契约
问题9：美国宪法的前十项修正案是什么？
奥普拉最喜欢的事情
十人名单
十大常识
人权法案

您可以在HTML中的提交按钮下方添加一个空段落：

<p id="message"></p>

<> Joseph Earl的回答是正确的，但是如果你有很多分数，你可以考虑使用一个Switter语句，而一个数组或对象可能会比这更好。


变量消息={
6:“坏运气”，
7:“干得好！”
}
document.getElementById（“message”）.innerHTML=messages[score]；

var message = "Bad luck";
if (score >= 7) {
  message = "Great job!";
}
document.getElementById("message").innerHTML = message;

<script>
    var messages = {
        6: "Bad luck",
        7: "Great job!"
    }
    document.getElementById("message").innerHTML = messages[score];
</script>