<script type="text/javascript">
<!--
function checkValue(option) {
if (option == "4") {
alert("Correct");
}
else {
alert("False, Option (4) is the Correct Answer.")
}
}
//-->
</script>
<h3>1. What does HTML stand for?</h3> <br /><br />
1. <input type="radio" name="fav_color1" value="1" onclick="checkValue(this.value);" /> Hyper Text Markup Languages <br /> <br />
2. <input type="radio" name="fav_color1" value="2" onclick="checkValue(this.value);" /> Highest Text Markup Language <br /> <br />
3. <input type="radio" name="fav_color1" value="3" onclick="checkValue(this.value);" /> Hyper Total Markup Language <br /> <br />
4. <input type="radio" name="fav_color1" value="4" onclick="checkValue(this.value);" /> Hyper Text Markup Language <br /> <br />
从您所拥有的内容来看,您似乎只有3个html页面,每个页面上都有一点javascript来提醒您正确的答案。在每个页面之后,您将调用一个新的静态页面。
有三种选择:
-
使用提交按钮将输入字段包装在表单中。在提交该表单时,服务器可以处理答案(使用服务器端语言,如php、ruby、python或.net),然后可能在表单的隐藏字段中保持计数。
-
在一页javascript中编写所有内容。这可能会变得复杂,这取决于你是否一次提出一个问题。然后,您可以在提交每个问题时维护一个带有分数的变量,也可以在最后用javascript评估所有问题。
-
最后(我不建议采用这种方法),你可以为每一个对错组合创建一个页面,然后根据之前的答案是对还是错来调用不同的页面。所以它的工作原理是这样的:在q1.html上,你会有一个空白链接,用javascript中断它,而不是有一个指向q2.html的链接。如果答案正确,则打开页面q2.html,但如果不正确,则在每个页面上打开页面q2_q1.html(q2.html和q2_q1.html),您需要具有类似的功能,从而导致问题3有4页。假设只有3个问题,你只需要把11页放在一起(假设你只想在最后一页上显示总分)。它不可扩展,也不是正确的方法,但是(我们可以使用相当简单的js.)