js实现在线测试8代码

最新推荐文章于 2021-10-31 20:13:14 发布
最新推荐文章于 2021-10-31 20:13:14 发布
阅读量1k 收藏 1
点赞数
文章标签： html javascript 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjx88/article/details/10820859
版权 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
<script language="javascript" type="text/javascript">
       
       function next(id1,id2){
        	document.getElementById("t"+id1).style.display = "none";
        	document.getElementById("t"+id2).style.display = "block";
       }
	   
	   function Result(form) {
		   document.getElementById("t10").style.display = "none";
        document.getElementById("t11").style.display = "block";
		var score = 0
		if (form.Q01[2].checked) { score ++; } //判断返回值
		if (form.Q02[1].checked) { score ++; }
		if (form.Q03[0].checked) { score ++; }


		if (form.Q04[2].checked) { score ++; }

		if (form.Q05[2].checked) { score ++; }
	
		if (form.Q06[2].checked) { score ++; }
	
		if (form.Q07[3].checked) { score ++; }
	
		if (form.Q08[0].checked) { score ++; }

		if (form.Q09[1].checked) { score ++; }
	
		if (form.Q10[0].checked) { score ++; }
	
		score1=score;                            //判断最终结果
		if (score1 > 8) { alert('恭喜恭喜！你答对了'+score1+'道题，成绩不错啊 ')}
		else { alert('你只答对了'+score1+'道题，继续努力！！！') }
		
		}
        
    </script>
</head>
<body>
<div  align="center">
  <h1>驾校考题测试</h1>
</div>
<FORM name=pt1>
<div  id="t0" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;">
  <input type="button" name="" value="开始答题"  onClick="next(0,1)"/>
  <div > <br/>
    <br/>
  </div>
</div>
<div  id="t1" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-32.wmv'>
    <embed src='c-32.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>1.	这辆在道路上行驶的机动车有下列哪种违法行为？</p>
    <br/>
    <input name="Q01" type=radio value="">
    逆向行驶　
    <input name="Q01" type=radio value="">
    未按规定悬挂号牌
    <input name="Q01" type=radio value="">
    故意遮挡号牌
    <input name="Q01" type=radio value="">
    占用非机动车道<br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(1,2)"/>
  </div>
</div>
<div  id="t2" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-46.wmv'>
    <embed src='c-46.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>2.	前方路口这种信号灯表示什么意思？</p>
    <br/>
    <input name="Q02" type=radio value="">
    路口警示　
    <input name="Q02" type=radio value="">
    禁止通行
    <input name="Q02" type=radio value="">
    准许通行
    <input name="Q02" type=radio value="">
    提醒注意 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(2,3)"/>
  </div>
</div>
<div  id="t3" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-047.wmv'>
    <embed src='c-047.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>3.	前方路口这种信号灯表示什么意思？</p>
    <br/>
    <input name="Q03" type=radio value="">
    路口警示　
    <input name="Q03" type=radio value="">
    加速直行
    <input name="Q03" type=radio value="">
    加速左转
    <input name="Q03" type=radio value="">
    禁止右转 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(3,4)"/>
  </div>
</div>
<div  id="t4" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-48.wmv'>
    <embed src='c-48.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>4.	前方路口这种信号灯表示什么意思？</p>
    <br/>
    <input name="Q04" type=radio value="">
    路口警示　
    <input name="Q04" type=radio value="">
    禁止通行
    <input name="Q04" type=radio value="">
    准许通行
    <input name="Q04" type=radio value="">
    提醒注意 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(4,5)"/>
  </div>
</div>
<div  id="t5" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-54.wmv'>
    <embed src='c-54.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>5.	道路上规划这种标线的车道内允许下列哪类车辆通行？</p>
    <br/>
    <input name="Q05" type=radio value="">
    出租车　
    <input name="Q05" type=radio value="">
    公务用车
    <input name="Q05" type=radio value="">
    公交车
    <input name="Q05" type=radio value="">
    私家车 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(5,6)"/>
  </div>
</div>
<div  id="t6" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-56.wmv'>
    <embed src='c-56.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>6.	有这种信号灯的路口允许机动车如何行使？</p>
    <br/>
    <input name="Q06" type=radio value="">
    向左转弯　
    <input name="Q06" type=radio value="">
    直行通过
    <input name="Q06" type=radio value="">
    向右转弯
    <input name="Q06" type=radio value="">
    停车等待 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(6,7)"/>
  </div>
</div>
<div  id="t7" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-57.wmv'>
    <embed src='c-57.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>7.	遇到这种情况的路口怎样通过？</p>
    <br/>
    <input name="Q07" type=radio value="">
    左转弯加速通过　
    <input name="Q07" type=radio value="">
    加速直行通过
    <input name="Q07" type=radio value="">
    右转弯加速通过
    <input name="Q07" type=radio value="">
    确认安全后通过 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(7,8)"/>
  </div>
</div>
<div  id="t8" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-58.wmv'>
    <embed src='c-58.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>8.	这段道路红车所在车道是什么车道？</p>
    <br/>
    <input name="Q08" type=radio value="">
    快速车道　
    <input name="Q08" type=radio value="">
    慢速车道
    <input name="Q08" type=radio value="">
    专用车道
    <input name="Q08" type=radio value="">
    应急车道 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(8,9)"/>
  </div>
</div>
<div  id="t9" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='c-63.wmv'>
    <embed src='c-63.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>9.	在路口这个位置时可以加速通过路口。</p>
    <br/>
    <input name="Q09" type=radio value="">
    正确　
    <input name="Q09" type=radio value="">
    错误 <br/>
    <br/>
    <input type="button" name="" value="下一题"  onClick="next(9,10)"/>
  </div>
</div>
<div  id="t10" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;">
  <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=450 height=360 >
    <param name=ShowStatusBar value=-1>
    <param name=Filename value='C-163.wmv'>
    <embed src='C-163.wmv' width=430 height=360 align="middle" type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp></embed>
  </object>
  <div > <br/>
    <p>10	遇到这种情况的路段，可以进入网状线区域停车等候。</p>
    <br/>
    <input name="Q10" type=radio value="">
    正确　
    <input name="Q10" type=radio value="">
    错误 <br/>
    <br/>
    <input type="button" name="" value="完成"  οnclick="Result(this.form)"/>
  </div>
</div>
<div  id="t11" align="center"style="border: 1px solid #84a1bd; margin: 10px 300px; font-size: 13px; padding: 10px;display: none;"> 完成答题 <br/>

  <div > <br/>
    <br/>
  </div>
</div>
</FORM>
</body>
</html>

zjx88ba
关注
JS实现在线考试系统并立即评分代码
09-17
js特效 JS实现在线考试系统并立即评分代码
javascript代码在线测试
weixin_34247155的博客
03-25 319
目前还不可用，有知道的怎么搞的，请告知我下，谢谢！ alert("欢迎使用javascript在线测试工具");
JavaScript 在线测试
weixin_30372371的博客
11-25 450
<iframe src="http://www.it1352.com/Onlinetools/OnlineCompileCommon/17?c_height=100&r_height=100&code=&autoExecute=true" style="width:520px;height:450px;"></iframe> 转载于:https:/...
JS 在线测试
wangbaosongmsn的博客
10-31 778
Vue在线调试 - JSRUN.NET 测试vue示例 | 菜鸟工具 网格组件 — Vue.js VueJS在线运行,代码测试 - 在线编辑器(nhooo.com)
js代码-js测试代码
07-16
JS代码是实现网页动态效果、用户交互以及后端数据处理的关键。在本压缩包中，我们有两个文件：`main.js`和`README.txt`。 `main.js`通常是一个项目的主要JavaScript文件，它可能包含了项目的入口点，以及对其他模块...
js代码-测试代码集
07-14
"js代码-测试代码集"这个压缩包包含了两个文件：main.js和README.txt，它们都是JavaScript开发中常见的元素。 `main.js`是JavaScript源代码文件，通常在Web项目中作为主入口文件使用。它可能包含了整个应用的核心...
js代码编辑器制作javascript在线编辑器格式显示代码
05-14
8. **JavaScript库集成**：`built-editor.min.js`可能是编辑器的核心逻辑，包含了前面提到的文本编辑、语法高亮、格式化、预览等功能的实现。这个压缩后的文件通常是通过编译和压缩工具（如Webpack或Rollup）处理过...
js代码-测试代码test
07-15
在“js代码-测试代码test”这个主题中，我们重点关注的是JavaScript的测试代码及其重要性。 测试代码是软件开发过程中的关键环节，它确保了程序的质量和稳定性。对于JavaScript来说，测试代码可以帮助开发者检测...
JSF实现的智力测试系统
11-04
JSF实现的智力测试系统，工具是myeclipse直接下载可以使用，供新人学习使用
JS实现简单的选择题测评系统代码思路详解(demo)
01-19
包含内容：JS封装表单，JS校验表单 说是测评系统，感觉只能算是一个小小的Demo，很水，，没有数据库库，，仅使用JS做简单的选择题测评系统 ——————————————————————————– 一、设计思路 表单封装： 【1】由于采用JS封装提交所以，不需要form标签 【2】放置多个input标签，作为输入项 【3】编写JS获取输入项，并通过get方式提交到另一个页面 校验表单（显示结果） 【1】获取get传入的参数 【2】通过JS解析 【3】显示到相应位置 ——————————————————————————– 二、参考源码如下 request.html <html> <head>
项目实训代码.zip
05-28
这个是书本的一个项目实训的相关代码，只要环境配置成功，然后把相关的代码赋值过去即可运行。是一个静态的页面效果，没有按钮的响应时间什么的，可以作为毕设的参考。
纯HTML+JS实现考试系统
07-02
使用JS+HTML实现了一个考试页面，带答题卡，判分，功能还算可以共享给大家。另外还带网约车考试题库哦。
在线JS代码调试工具JSFiddle和JSBin、菜鸟在线编辑器
ytangdigl的博客
07-17 7458
1、前言 很多时候，我们需要写一小块js代码或js脚步，进行部分功能的测试和验证，那么在线JS代码调试工具将大大方便我们在这方面的测试和验证。2、JSFiddle 简介 JSFiddle官网：https://jsfiddle.net JSFiddle:在线JS代码调试工具是一个老牌的支持javascript、css、html代码可视化在线调试工具，支持多种应用多种主流框架，用起来非常
js在线测试
03-17 1350
如果用js想试下功能，自己创建有太麻烦的话， http://jsfiddle.net/markcoleman/PcUfP/ 用上面的网址可以轻松测试
JavaScript单元测试入门
热门推荐
u012510478的博客
01-25 2万+
首先要弄清楚什么是单元。单元就是一个相对独立的功能模块，可以是一个类，或是一个模块，或是一个方法。单元测试的目的，就是首先保证一个系统的基本组成单元（类、模块或方法）能正常工作。打个比方，你想一台机器能正常工作，首先要保证它的每一个零件和组件能正常工作。而单元测试就是对这些零件和组件进行的测试。所谓”测试框架”，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。
JS 代码测试工具：Jasmine
YuqiRealm.com
03-22 797
下载地址：https://github.com/jasmine/jasmine#installationJasmine不依赖其它任何 JavaScript 框架，也不需要 DOM。它的语法简洁、明确，写测试非常容易。 Jasmine支持多种浏览器，包括Safari, Chrome, Firefox, PhantomJS, new Internet Explorer，同时也支持node。可以在htm
利用js生成一个在线考试系统
weixin_30716725的博客
10-11 2611
前些日子帮人做了一个在线考试系统，JS代码如下 <body> <div id="content" style="display: none"> <p style="font-weight: 700"> 1，the questions mentioned above</p> <p style="font...
JS实现代码测试数据代码
最新发布
05-03
1. 使用console.log()函数：console.log()函数可以将数据输出到控制台，用于调试和测试代码。你可以在代码中使用console.log()来输出测试数据，例如： ```javascript console.log("测试数据"); ``` 2. 使用断言库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值