0顶

给出试题，完成后跳窗显示成线和答案

稿源：互联网 2022-06-09 09:55:23 点击： 360 撤稿纠错

简单测试题，可自定义，阿里西西网页特效收集

以下讨论的是和js相关的给出试题，完成后跳窗显示成线和答案教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

var Total_Question = 4        // 修改这里与题目数量一致

var msg = ""

// 正确答案

var Solution = new Array(Total_Question)

Solution[0] = "TCP/IP"

Solution[1] = "集线器"

Solution[2] = "SUN"

Solution[3] = "Microsoft"

function GetSelectedButton(ButtonGroup)

{

for (var x=0; x < ButtonGroup.length; x++)

if (ButtonGroup[x].checked) return x

return 0

}

function ReportScore(correct)

{

var SecWin =

window.open("","scorewin","scrollbars,width=300,height=220")

var MustHave1 = "<HTML><HEAD><TITLE>测验成绩报告</TITLE></HEAD><BODY>"

var Percent = "<H2>测验成绩 : "+Math.round(correct/Total_Question*100)

+ "</H2><HR>"

lastscore=Math.round(correct/Total_Question*100)

if (lastscore == "100"){

msg = MustHave1 +Percent + "<font color='red'>恭喜，全部答对了！</font>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"}

else {

msg = MustHave1 +Percent + "<font color='red'>正确答案：</font>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"

}

SecWin.document.write(msg)

msg = ""  //清空msg

}

function Grade()

{

var correct = 0

var wrong = 0

for (number=0; number < Total_Question; number++)

{

var form = document.forms[number]      // Question #

var i = GetSelectedButton(form.q1)

if (form.q1[i].value == "1")

{ correct++ }

else

{ wrong++

msg += "Question "+(number+1)+"."

+Solution[number]+"<BR>"

}

ReportScore(correct)

}

</script>

第二步：把如下代码加入到<body>区域中

<tr>

<td>

<form>

三个非常简单的问题：

(1)Internet上使用的网络协议是：__________

<br>

<input type="radio" name="q1" value="0" checked>X.25

<input type="radio" name="q1" value="1">TCP/IP

<input type="radio" name="q1" value="0">NetBEUI

<form>

(2)HUB是指：__________

<br>

<input type="radio" name="q1" value="0" checked>网桥

<input type="radio" name="q1" value="1">集线器

<input type="radio" name="q1" value="0">网关

<input type="radio" name="q1" value="0">路由器

<form>

(3)JAVA是哪个公司的产品：__________

<br>

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="0">Microsoft

<input type="radio" name="q1" value="1">SUN

<form>

(4)IIS(Internet Information Server)是哪个公司的产品：__________

<br>

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="1">Microsoft

<input type="radio" name="q1" value="0">Netscape

<form>

<input type="button" name="Submit" value="看看成绩"

onClick="Grade()" class="pt9">

</div>

</form>

</td>

</tr>

</table>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于给出试题，完成后跳窗显示成线和答案的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200808143828.shtml方便下次再访问哦。

·上一篇： 若干道试题，自动给出成绩
·下一篇： 在你的网页上加上多个搜索引擎的查找框

给出试题，完成后跳窗显示成线和答案

文章分类LIST >>返回首页

最新游戏

最新新闻