求大神,问道JavaScript简答的问题:用JavaScript做一个10道题测试考题...
发布网友
发布时间：2022-04-30 13:33
共2个回答
热心网友
时间：2022-05-15 10:34
<html>
<head>
<style type="text/css">
ul {list-style:none;
}
</style>
</head>
<body>
<!-- 计时按钮 -->
<div align="center" id="" class="">
<input type="button" value="开始答题"/>
<input type="text" id="">
</div>
<!-- 1~3题 单选 -->
<div id="" class="">
<ul>
<li>
1、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu1" value="A">
B. 不好<input type="radio" name="timu1" value="B">
C. 都行<input type="radio" name="timu1" value="C">
D. 嗯<input type="radio" name="timu1" value="D">
</li>
</ul>
<ul>
<li>
2、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu2" value="A">
B. 不好<input type="radio" name="timu2" value="B">
C. 都行<input type="radio" name="timu2" value="C">
D. 嗯<input type="radio" name="timu2" value="D">
</li>
</ul>
<ul>
<li>
3、吉泽明步漂亮不漂亮?
</li>
<li>
A. 好<input type="radio" name="timu3" value="A">
B. 不好<input type="radio" name="timu3" value="B">
C. 都行<input type="radio" name="timu3" value="C">
D. 嗯<input type="radio" name="timu3" value="D">
</li>
</ul>
</div>
<!-- 4~6题 多选 -->
<div>
<ul>
<li>
4、以下明星你认识几个？（多选题）
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu4" value="A">
B. 苍井空<input type="checkbox" name="timu4" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu4" value="C">
D. 天海翼<input type="checkbox" name="timu4" value="D">
</li>
</ul>
<ul>
<li>
5、以下明星你认识几个？（多选题）
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu5" value="A">
B. 苍井空<input type="checkbox" name="timu5" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu5" value="C">
D. 天海翼<input type="checkbox" name="timu5" value="D">
</li>
</ul>
<ul>
<li>
6、以下明星你认识几个？（多选题）
</li>
<li>
A. 小泽玛利亚<input type="checkbox" name="timu6" value="A">
B. 苍井空<input type="checkbox" name="timu6" value="B">
C. 泷泽萝拉<input type="checkbox" name="timu6" value="C">
D. 天海翼<input type="checkbox" name="timu6" value="D">
</li>
</ul>
</div>
<!-- 7~9题 填空 -->
<div>
<ul >
<li>
7、你最喜欢的明星是哪些？<INPUT TYPE="text" id="timu7" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
<li>
8、你最喜欢的明星是哪些？<INPUT TYPE="text" id="timu8" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
<li>
9、你最喜欢的明星是哪些？<INPUT TYPE="text" id="timu9" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;">
</li>
</ul>
</div>
<!-- 10题 简答 一题12分，超过10个字给三分，有三个符合答案的关键词给12分 -->
<div>
<ul>
<li>
10、你对以上明星的评价如何
</li>
<li>
<textarea id="timu10" style="resize:none;width:500px;height:100px" ></textarea>
</li>
</ul>
</div>
<!-- 提交按钮和自动判分对话框 -->
<div align="center">
<input type="button" value="提交" onclick="sub()"/>
<script type="text/javascript">
function sub(){
var key = new Array();
key.push("");
var grade = 0;
key.push("A");
key.push("B");
key.push("D");
var timu1 = document.getElementsByName("timu1");
for(var i=0; i<timu1.length; i ++){
if(timu1[i].checked){
timu1 = timu1[i].value;
}
}
if(timu1==key[1]){
grade = grade+2;
}
alert(grade);
}
</script>
</div>
</body>
</html>
剩下的都差不多，不懂再追
热心网友
时间：2022-05-15 11:52
