用html做一个选择题考试系统

2023-02-28 01:35:02html-css028

用html做一个选择题考试系统,第1张

<!doctype html>

<html>

<head>

<title>多项选择题</title>

label{background:#ccffff}

</style>

</head>

<body>

<h2>一、单项选择题</h2>

<p>1.世界上谁最帅？</p>

</div>

<p>2.世界上谁最帅？</p>

</div>

<p>3.世界上谁最帅？</p>

</div>

<p>4.世界上谁最帅？</p>

</div>

<p>5.世界上谁最帅？</p>

</div>

<h2>二、多项选择题</h2>

<p>1.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A"><label for="A">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B"><label for="B">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C"><label for="C">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D"><label for="D">D.智能化建筑工程</label></p>

</div>

<p>2.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A2"><label for="A2">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B2"><label for="B2">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C2"><label for="C2">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D2"><label for="D2">D.智能化建筑工程</label></p>

</div>

<p>3.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A3"><label for="A3">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B3"><label for="B3">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C3"><label for="C3">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D3"><label for="D3">D.智能化建筑工程</label></p>

</div>

<p>4.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A4"><label for="A4">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B4"><label for="B4">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C4"><label for="C4">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D4"><label for="D4">D.智能化建筑工程</label></p>

</div>

<p>5.一栋房子由哪几部分组成？</p>

<p><input type="checkbox" id="A5"><label for="A5">A.地基与基础，主体结构，屋面工程</label></p>

<p><input type="checkbox" id="B5"><label for="B5">B.装饰装修、给排水及采暖工程</label></p>

<p><input type="checkbox" id="C5"><label for="C5">C.空调与通风工程</label></p>

<p><input type="checkbox" id="D5"><label for="D5">D.智能化建筑工程</label></p>

</div>

function dan1_answer(){dan_answer("dA1","dB1","dC1","dD1","dan1","d1_tetion","A")}

function dan2_answer(){dan_answer("dA2","dB2","dC2","dD2","dan2","d2_tetion","B")}

function dan3_answer(){dan_answer("dA3","dB3","dC3","dD3","dan3","d3_tetion","B")}

function dan4_answer(){dan_answer("dA4","dB4","dC4","dD4","dan4","d4_tetion","C")}

function dan5_answer(){dan_answer("dA5","dB5","dC5","dD5","dan5","d5_tetion","C")}

function dan_answer(da,db,dc,dd,dan,d_tetion,pd){

var A=document.getElementById(da).checked//alert(A)

var B=document.getElementById(db).checked

var C=document.getElementById(dc).checked

var D=document.getElementById(dd).checked

var d_Rightanswer=pd

var passW=saot(d_Rightanswer)//alert(passW)

var youW=saot([A,B,C,D])//alert(youW)

var youD=transABCDE([A,B,C,D])//你的答案

if(passW==youW){

document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:yellowbackground:red}</style>"

document.getElementById(d_tetion).innerHTML="你的答案："+youD+"<br>---恭喜您，答对了！"}else{

document.getElementById(dan).innerHTML+="<style>#"+d_tetion+"{color:redbackground:#ccc}</style>"

document.getElementById(d_tetion).innerHTML="你的答案："+youD+"<br>---回答错误！正确答案是："+d_Rightanswer

}

function answer(){answerALL("A","B","C","D","E","box","tetion","ABCDE")}

function answer2(){answerALL("A2","B2","C2","D2","E2","box2","tetion2","ABCDE")}

function answer3(){answerALL("A3","B3","C3","D3","E3","box3","tetion3","ABCDE")}

function answer4(){answerALL("A4","B4","C4","D4","E4","box4","tetion4","ABCDE")}

function answer5(){answerALL("A5","B5","C5","D5","E5","box5","tetion5","ABCDE")}

function answerALL(a,b,c,d,e,box,tetion,RT){

var A=document.getElementById(a).checked

var B=document.getElementById(b).checked

var C=document.getElementById(c).checked

var D=document.getElementById(d).checked

var E=document.getElementById(e).checked

var arr=[A,B,C,D,E]

var youD=transABCDE(arr)//你的答案

var numA=saot(arr)

var Rightanswer=RT//将正确答案填在这里

var numB=saot(Rightanswer)

if(numA==numB){

document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:yellowbackground:red}</style>"

document.getElementById(tetion).innerHTML="你的答案："+youD+"<br>---恭喜您，答对了！"

}else{

document.getElementById(box).innerHTML+="<style>#"+tetion+"{color:redbackground:#ccc}</style>"

document.getElementById(tetion).innerHTML="你的答案："+youD+"<br>---回答错误！正确答案是："+Rightanswer

}

function transAtoN(answer){//将正确答案字母组成的字符串转换成一串0和1的数字

var arr=answer

var c=arr.split("")//分割字符串变成数组

//alert(c)

var num=0

for(var i in c){

if(c[i]=="A" || c[i]=="a"){num+=10000}

if(c[i]=="B" || c[i]=="b"){num+=1000}

if(c[i]=="C" || c[i]=="c"){num+=100}

if(c[i]=="D" || c[i]=="d"){num+=10}

if(c[i]=="E" || c[i]=="e"){num+=1}

}

return num

}

function transBER(arr){//将在多项选择中获得的选择布尔值转换成一串0和1的数字

var num=0

if(arr[0]){num+=10000}

if(arr[1]){num+=1000}

if(arr[2]){num+=100}

if(arr[3]){num+=10}

if(arr[4]){num+=1}

return num

}

function saot(t){//合并布尔值和字符串转成数字，自动选择适应程序！

if(typeof t=="string"){

var geta=transAtoN(t)

return geta

}else{

var getb=transBER(t)

return getb

}

function transABCDE(arr){

var chara=""

if(arr[0]){chara+="A"}

if(arr[1]){chara+="B"}

if(arr[2]){chara+="C"}

if(arr[3]){chara+="D"}

if(arr[4]){chara+="E"}

return chara

}

//alert(transABCDE([true,false,true]))

</script>

</body>

</html>

在没有营销节点的时候,怎么精准推广公司产品呢?可以做个在线测评,通过分析测评后的数据，进行不同人群的推荐方案。

在线测评类的答题测试游戏多用于各种职场测试、健康测试、EQ测试等偏于评估类型的测试游戏，适合中小型公司企业对用户进行评估，或者专业的健康测评、心理测评公众号使用。

在线测评中，测试者将针对一系列具体场景选择自己相对应的行为或感受，根据选择的不同，会获得不同的得分。当所有选择完成后，即可得到相应的测评结果。在各行各业的专业网站中，在线测评功能都是必不可少的。比如专业心理健康网站用于测量心理健康程度的《心理健康正装自评量表》、学生临近毕业所做的《职业性格测试》、健身机构针对身体健康程度的《亚健康指数自测》等，都可以用人人秀在线测评功能完成。

应用场景

如果你想精准推广自己公司的产品

可以根据产品和用户的特点制作在线测评题。以医疗保健类的产品为例，可以制作一个测评题，分别从睡眠质量、日常运动量、工作时长、对不同环境的适应情况等不同方面考察测试者，根据综合得分给出身体健康状况的评估，并针对不同得分的人群推荐不同的医疗保健产品。十分健康的人可以推荐预防、保养类产品；亚健康人群可以推荐调养、健身类产品；不健康人群则推荐疗程和其他治疗类产品。在线测评结合跳转页面和外链，能实现强大的精准推广功能。

如果你是职场、艺术、心理类媒体的运营者

可以制作专业测评题为自己的粉丝提供自测服务。以一个艺术审美类的公众号为例，可以制作一个考察审美类别的测评题。制作时，每道题提供四幅画作，让测试者选择自己最喜欢的一类，选择不同的画作可以累积不同的得分。最终根据测试者分数的落定范围判断测试者的审美类型。并可以将测评后跳转页面与组图、商品等功能结合，对不同审美类型的人推荐不同的画作或书籍，实现产品的促销。

如果你是教育行业，要为个性化招生做准备

可以制作教学在线评估，通过学生的个人性格、学习习惯、学习方法、家长影响等方面进行学生的评估，最终根据学生的选择，将学生按照学习的主动性进行分类，为不同主动性的学生推荐不同的课程套餐。完全主动学习的，推荐高难度的精品课程服务；半主动的，推荐走读课程；学习不主动的，推荐班主任跟班制的全程跟读服务。实现学员课程的个性化推荐。

制作流程

1、进入人人秀官网，进入模板商城搜索“趣味测试”，选择心仪的模板直接套用；或者进入人人秀编辑器，自定义制作。

2、进入人人秀官网，登录个人中心，创建一个新活动，在编辑页选择“互动”，在分类里选择“活动”或者直接搜索“趣味测试”，就可以找到趣味测试图标了，点击图标即可添加该插件。

3、添加好插件后，点击右侧顶部的答题设置，即可对插件进行功能设置了。

4、完成基本设置，接下来就是题目设置，其中趣味测试题目设置包含：测试设置，添加题目，批量导入题目，也可以直接使用人人秀的题库。

5、在将以上答题设置都设置完毕后，在添加答题测试结果内容就可以了

6、想要自己设置的活动展示效果更加的个性化，可以在样式设置里选择各种主题颜色、按钮等设置，制作一个精美的活动页面。基本上一个趣味测试H5就新鲜出炉啦。审核完、测试后，发现都没什么问题，那就可以投入宣传使用啦。

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：以金融从业为目的的 Python 学习应如何入门?

# 下一篇：js的实例化过程究竟是怎么样的