當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼編寫在線測(cè)試

JS代碼編寫在線測(cè)試

2012/11/9 19:16:20作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

JS代碼編寫在線測(cè)試

【實(shí)例描述】

本例的代碼實(shí)現(xiàn)一個(gè)類似于心理測(cè)試的網(wǎng)頁(yè)。首先用戶回答問(wèn)題,然后判斷用戶的得分,根據(jù)得分實(shí)現(xiàn)一個(gè)心理測(cè)試的效果。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁(yè)-學(xué)無(wú)憂(wangbatian.cn)</title> </head> <body> <SCRIPT language=JavaScript> function ResultEQ(form) { var score = 0 if (form.Q01[0].checked) { score += -1 } //判斷返回值 if (form.Q01[1].checked) { score += 3 } if (form.Q02[0].checked) { score += -1 } if (form.Q02[1].checked) { score += 1 } if (form.Q03[0].checked) { score += 3 } if (form.Q03[1].checked) { score += 0 } if (form.Q04[0].checked) { score += 3 } if (form.Q04[1].checked) { score += 0 } if (form.Q04[2].checked) { score += -1 } if (form.Q05[0].checked) { score += -1 } if (form.Q05[1].checked) { score += 3 } if (form.Q06[0].checked) { score += 3 } if (form.Q06[1].checked) { score += -1 } if (form.Q07[0].checked) { score += 3 } if (form.Q07[1].checked) { score += 0 } if (form.Q08[0].checked) { score += 3 } if (form.Q08[1].checked) { score += 0 } if (form.Q09[0].checked) { score += 3 } if (form.Q09[1].checked) { score += -1 } if (form.Q10[0].checked) { score += 3 } if (form.Q10[1].checked) { score += -1 } score1=score*100/30                             //判斷最終結(jié)果 if (score1 > 60) { alert('恭喜恭喜!你的成功率是'+score1+'好兆頭,不是嗎? ')} if (score1 > 30 && score1 <61) { alert('你的成功率是'+score1+'。怎么辦?加把勁吧!') } if (score1 < 31 ) { alert('你的成功率只有'+score1+'。你還是放棄吧...') } } </SCRIPT>

<P><FONT color=#ff8888 size=4> <STRONG>戀愛(ài)成功率的心理測(cè)試 </STRONG></FONT></P> <FORM name=pt1> <OL>   <LI>與愛(ài)人相處,能否直接詢問(wèn)對(duì)方是不是愛(ài)你?   <P><INPUT CHECKED name=Q01 type=radio value=1>能  <INPUT name=Q01 type=radio   value=2>不能 </P>   <LI>戀愛(ài)結(jié)婚主要是解決:   <P><INPUT name=Q02 type=radio   value=1>生活  <INPUT name=Q02 type=radio value=2>親密伴侶</P>   <LI>從戀愛(ài)到結(jié)婚時(shí)間是否需要長(zhǎng)一點(diǎn)?   <P><INPUT CHECKED name=Q03 type=radio value=1>要  <INPUT name=Q03 type=radio   value=2>不要</P>   <LI>嫉妒是什么信號(hào)?   <P><INPUT CHECKED name=Q04 type=radio value=1>愛(ài)  <INPUT name=Q04 type=radio   value=2>不安 <INPUT name=Q04 type=radio value=3>競(jìng)爭(zhēng)</P>   <LI>可以只顧孩子,不顧愛(ài)人的感受嗎?   <P><INPUT CHECKED name=Q05 type=radio value=1>可以  <INPUT name=Q05 type=radio   value=2>不可以 </P>   <LI>能同時(shí)和兩個(gè)人要好嗎?   <P><INPUT CHECKED name=Q06 type=radio value=1>不能  <INPUT name=Q06 type=radio   value=2>能 </P>   <LI>許多人對(duì)婚后生活滿懷奢望,結(jié)果常常落空,是這樣嗎?   <P><INPUT CHECKED name=Q07 type=radio value=1>是  <INPUT name=Q07 type=radio   value=2>不是 </P>   <LI>哪種人在婚姻中應(yīng)該干家務(wù),女人還是男人?   <P><INPUT CHECKED name=Q08 type=radio value=1>女人  <INPUT name=Q08 type=radio   value=2>男人 </P>   <LI>忠貞是搞好婚姻的重要原則嗎?   <P><INPUT CHECKED name=Q09 type=radio value=1>是  <INPUT name=Q09 type=radio   value=2>不是 <BR></P> <LI>愛(ài)情就是婚姻的基礎(chǔ)嗎?   <P><INPUT CHECKED name=Q10 type=radio value=1>是  <INPUT name=Q10 type=radio   value=2>不是 <BR></P> </LI></OL> <P>  <INPUT name=finish onclick=ResultEQ(this.form) type=button value=情商> <INPUT type=reset value="重置"> </P></FORM> </body> </html>

 

【運(yùn)行效果】

 在線測(cè)試代碼運(yùn)行效果

【難點(diǎn)剖析】

本例很簡(jiǎn)單,通過(guò)“form.Q01[0].checked”判斷用戶選擇的項(xiàng),針對(duì)不同的選擇項(xiàng)使“score”變量增加不同的值,最后根據(jù)用戶的得分提示心理測(cè)試結(jié)果。

【源碼下載】

為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:在線測(cè)試js代碼 進(jìn)行本實(shí)例源碼下載 

標(biāo)簽: JS代碼  編寫  考試