写一个可以答题的网页
时间: 2023-09-30 09:07:25 浏览: 47
好的,这里是一个简单的网页答题程序的代码:
HTML部分:
```
<!DOCTYPE html>
<html>
<head>
<title>网页答题</title>
</head>
<body>
<h1>欢迎来到网页答题程序</h1>
<p>请回答以下问题:</p>
<form>
<label for="q1">1、中国的首都是哪里?</label><br>
<input type="text" id="q1" name="q1"><br>
<br>
<label for="q2">2、世界上最高的山峰是哪座?</label><br>
<input type="text" id="q2" name="q2"><br>
<br>
<label for="q3">3、太阳是什么颜色的?</label><br>
<input type="text" id="q3" name="q3"><br>
<br>
<input type="button" value="提交" onclick="checkAnswers()">
</form>
<p id="result"></p>
</body>
</html>
```
JavaScript部分:
```
function checkAnswers() {
var q1 = document.forms[0]["q1"].value;
var q2 = document.forms[0]["q2"].value;
var q3 = document.forms[0]["q3"].value;
var correct = 0;
if (q1.toLowerCase() == "北京") {
correct++;
}
if (q2.toLowerCase() == "珠穆朗玛峰") {
correct++;
}
if (q3.toLowerCase() == "黄色") {
correct++;
}
var result = document.getElementById("result");
result.innerHTML = "你的得分是:" + correct + " / 3";
}
```
这个程序会提示用户回答三个问题,然后检查这些答案是否正确,并将用户的得分显示在页面上。
请注意,这个程序只是一个简单的示例,实际上还有很多可以改进的地方,比如验证用户输入是否为空等。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)