使用JavaScript向测验中添加分数可以通过以下步骤实现:
<form id="quizForm">
<div class="question">
<p>问题1: 什么是云计算?</p>
<input type="radio" name="q1" value="a"> a. 一种通过互联网提供计算服务的模式。<br>
<input type="radio" name="q1" value="b"> b. 一种使用云朵进行计算的技术。<br>
<input type="radio" name="q1" value="c"> c. 一种通过无线网络进行计算的方式。<br>
</div>
<div class="question">
<p>问题2: 云计算的主要优势是什么?</p>
<input type="radio" name="q2" value="a"> a. 高性能和可扩展性。<br>
<input type="radio" name="q2" value="b"> b. 低成本和灵活性。<br>
<input type="radio" name="q2" value="c"> c. 高安全性和可靠性。<br>
</div>
<!-- 其他问题... -->
<button type="submit">提交答案</button>
</form>
document.getElementById("quizForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认的提交行为
var score = 0; // 记录得分
// 检查问题1的答案
var q1Answer = document.querySelector('input[name="q1"]:checked').value;
if (q1Answer === "a") {
score++;
}
// 检查问题2的答案
var q2Answer = document.querySelector('input[name="q2"]:checked').value;
if (q2Answer === "b") {
score++;
}
// 其他问题的处理...
// 显示得分
alert("你的得分是: " + score);
// 清除选中的答案
document.getElementById("quizForm").reset();
});
在上述代码中,我们使用querySelector
方法来获取选中的答案值,并将其与正确答案进行比较。如果答案匹配,我们将得分加1。最后,通过alert
方法显示得分,并使用reset
方法清除选中的答案,以便进行下一轮测验。
请注意,以上代码只是一个简单示例,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云