敲写javascript方法写出的试卷代码
时间: 2023-12-09 13:05:00 浏览: 159
良心出品JSP期末考试复习试卷.doc
以下是一份Javascript试卷代码的示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript试卷</title>
</head>
<body>
<h1>Javascript试卷</h1>
<p>请在下面每个问题的括号中填写答案。</p>
<form id="quiz-form">
<!-- 第一题 -->
<div>
<label for="q1">1. 以下哪个不是Javascript的数据类型?</label><br>
<input type="radio" name="q1" value="A">Number<br>
<input type="radio" name="q1" value="B">String<br>
<input type="radio" name="q1" value="C">Boolean<br>
<input type="radio" name="q1" value="D">Float<br>
</div>
<!-- 第二题 -->
<div>
<label for="q2">2. 下面哪种循环语句是先判断条件再执行语句?</label><br>
<input type="radio" name="q2" value="A">for循环<br>
<input type="radio" name="q2" value="B">while循环<br>
<input type="radio" name="q2" value="C">do-while循环<br>
<input type="radio" name="q2" value="D">以上都不是<br>
</div>
<!-- 第三题 -->
<div>
<label for="q3">3. 下面哪个不是Javascript的关键字?</label><br>
<input type="radio" name="q3" value="A">if<br>
<input type="radio" name="q3" value="B">var<br>
<input type="radio" name="q3" value="C">function<br>
<input type="radio" name="q3" value="D">let<br>
</div>
<!-- 第四题 -->
<div>
<label for="q4">4. 下面哪个方法可以在Javascript中输出文本?</label><br>
<input type="radio" name="q4" value="A">alert()<br>
<input type="radio" name="q4" value="B">log()<br>
<input type="radio" name="q4" value="C">print()<br>
<input type="radio" name="q4" value="D">console()<br>
</div>
<!-- 第五题 -->
<div>
<label for="q5">5. 下面哪个方法可以将字符串转换为数字?</label><br>
<input type="radio" name="q5" value="A">parseInt()<br>
<input type="radio" name="q5" value="B">toFixed()<br>
<input type="radio" name="q5" value="C">toString()<br>
<input type="radio" name="q5" value="D">以上都不是<br>
</div>
<!-- 提交按钮 -->
<input type="submit" value="提交">
</form>
<script>
// 提交按钮的点击事件处理程序
document.getElementById('quiz-form').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单提交
// 计算得分
var score = 0;
var answers = ['D', 'B', 'D', 'A', 'A'];
var q1 = document.querySelector('input[name="q1"]:checked').value;
var q2 = document.querySelector('input[name="q2"]:checked').value;
var q3 = document.querySelector('input[name="q3"]:checked').value;
var q4 = document.querySelector('input[name="q4"]:checked').value;
var q5 = document.querySelector('input[name="q5"]:checked').value;
if (q1 === answers[0]) {
score += 20;
}
if (q2 === answers[1]) {
score += 20;
}
if (q3 === answers[2]) {
score += 20;
}
if (q4 === answers[3]) {
score += 20;
}
if (q5 === answers[4]) {
score += 20;
}
// 显示得分
alert('你的得分是:' + score + '分(满分100分)');
});
</script>
</body>
</html>
```
这份代码包含了5道选择题,每道题目有4个选项。当用户提交表单后,Javascript会计算出用户的得分,并弹出一个提示框显示得分。
阅读全文