編程(Programming)是編定程序的中文簡稱,就是讓計算機代碼解決某個問題,對某個計算體系規定一定的運算方式,使計算體系按照該計算方式運行,并最終得到相應結果的過程。為了使計算機能夠理解(understand)人的意圖,人類就必須將需解決的問題的思路、方法和手段通過計算機能夠理解的形式告訴計算機,使得計算機能夠根據人的指令一步一步去工作,完成某種特定的任務。這種人和計算體系之間交流的過程就是編程。 【實例名稱】 JS代碼編寫在線測試 【實例描述】 本例的代碼實現一個類似于心理測試的網頁。首先用戶回答問題,然后判斷用戶的得分,根據得分實現一個心理測試的效果。 【實例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-本站(www.xue51.com)</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
//判斷最終結果
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>戀愛成功率的心理測試 </STRONG></FONT></P>
<FORM name=pt1>
<OL>
<LI>與愛人相處,能否直接詢問對方是不是愛你?
<P><INPUT CHECKED name=Q01 type=radio value=1>能
<INPUT name=Q01 type=radio
value=2>不能 </P>
<LI>戀愛結婚主要是解決:
<P><INPUT name=Q02 type=radio value=1>生活
<INPUT name=Q02 type=radio value=2>親密伴侶</P>
<LI>從戀愛到結婚時間是否需要長一點?
<P><INPUT CHECKED name=Q03 type=radio value=1>要
<INPUT name=Q03 type=radio
value=2>不要</P>
<LI>嫉妒是什么信號?
<P><INPUT CHECKED name=Q04 type=radio value=1>愛
<INPUT name=Q04 type=radio
value=2>不安 <INPUT name=Q04 type=radio value=3>競爭</P>
<LI>可以只顧孩子,不顧愛人的感受嗎?
<P><INPUT CHECKED name=Q05 type=radio value=1>可以
<INPUT name=Q05 type=radio
value=2>不可以 </P>
<LI>能同時和兩個人要好嗎?
<P><INPUT CHECKED name=Q06 type=radio value=1>不能
<INPUT name=Q06 type=radio
value=2>能 </P>
<LI>許多人對婚后生活滿懷奢望,結果常常落空,是這樣嗎?
<P><INPUT CHECKED name=Q07 type=radio value=1>是
<INPUT name=Q07 type=radio
value=2>不是 </P>
<LI>哪種人在婚姻中應該干家務,女人還是男人?
<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>愛情就是婚姻的基礎嗎?
<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>
【運行效果】  【難點剖析】 本例很簡單,通過“form.Q01[0].checked”判斷用戶選擇的項,針對不同的選擇項使“score”變量增加不同的值,最后根據用戶的得分提示心理測試結果。 【源碼下載】 為了JS代碼的準確性,請點擊:在線測試js代碼 進行本實例源碼下載
使用編程語言寫的程序,由于每條指令都對應計算機一個特定的基本動作,所以程序占用內存少、執行效率高。 |