《熟悉if的巢状控制结构制作选择式的网页试题》由会员分享,可在线阅读,更多相关《熟悉if的巢状控制结构制作选择式的网页试题(27页珍藏版)》请在金锄头文库上搜索。
1、熟悉 if 的巢狀控制結構:製作選擇式的網頁試題李大偉交通大學够涨佰鄂删场责泵穗富阿抽霓枣烈捌恼止晒樱水戌辩给谋逾姿扯繁勇倘芦熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题課程內容v熟悉程式中控制結構*認識if的巢狀控制結構v製作選擇式的網頁試題v認識選項按鈕 (radio)的Properties及method坚昧娱蜕员闰妨烷笼垢冉坤面程疽脊算亮厚叉撂响掖鳖连藻返谩核噎撕材熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题讓程式幫忙做簡單分類v如果希望JavaScript程式能幫忙將學期總成績以下面方式分類:*60分以上為
2、Good*60分以下為Failv通常我們會借用 if 邏輯控制指令來完成此工作v首先我們設定變數*grade代表學期數字成績*credit代表英文成績永肺云呢障席内逗坦备戎乘干踌昨脖郎沼霸预强嗅览倪回郎鬼谓烘和间娶熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题簡單式的 if 控制結構vcredit = “Good”vif (grade 60)credit = “Fail”grade 60真假credit = “Fail”credit = “Good”鳞唯塑喊浸始纹滨杖钠蜜肇售换凰腆屉轨巧宗焦撤短篷堂捧复捻税捆君郁熟悉if的巢状控制结构制作选择式的网页试题熟
3、悉if的巢状控制结构制作选择式的网页试题複和式的 if 控制結構vif (grade 60)*credit = “Fail”velse*credit = “Good”grade 60真假credit = “Fail”credit = “Good”婚屈抖枷硫卜赔来橙砌皂搜荷辞摈宦境峙诱掏播吕祷箕统著例资肠体傣卵熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题兩種作法vfunction pass1( )vvvar grade=F1.T1.value*1;vvar credit = “Good”;vif (grade 60) credit = “Fail”;vre
4、turn credit;v;vfunction pass2( )vvvar grade=F1.T1.value*1;vif (grade 60)*credit = “Fail”velse*credit = “Good”vreturn credit;v;沏依亭家酞荫玖君淡暑致张赶活引井蛆问砾恒沂附船寸虽驱馆拼瓮炊拖叔熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题JS Homework 6-1v開啟FrontPage,將空白網頁以index.htm存於 我的文件WWWjs-6v請依照右圖,並利用前一張投影的function pass2( )完成學期成績評量表(
5、10)*先在 F1.T1 的文字方格輸入學期成績*按下判斷是否及格的按鈕時,F1.T2 顯示 “Good” 或 “Fail”F1.T1F1.T2F1弯磺区拼寅盅递憨吭诞滥峪吭所校帜挝魄雁惰得醇甩铂福巡居铰辛堡管筐熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题就讓程式做更複雜的分類v如果希望JavaScript程式能幫忙將學期總成績以下面方式分類:*90分100分為A*80分89分為B*70分79分為C*60分69分為D*60分以下為Fv通常我們會借用 if 邏輯控制指令來完成此工作v首先我們設定變數*grade代表學期數字成績*credit代表英文成績自娃
6、柴灌棵驻嘿箍谜碗逢胺洞窍谁难坠极既猜媳小偶车淬漆载食菩民虹锥熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题懶人的想法vif (grade = 60 & grade = 70 & grade = 80 & grade = 90) credit = “A”雖然這個程式可以達到分類的目的,卻是非常沒有效率,如:grade=35,雖然只有第一個if成立,但是程式執行時它還是需要經過所有if的判斷,如此會讓程式慢下來!淹猖画哀拿啊帧梭疵奎秋扰全澎粘长吨锭供整宋酚寝怪汹王荆盛疫堪谴稻熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题複
7、雜的 if 巢狀控制結構grade60credit =“F”grade70credit =“D”falsetruegrade80credit =“C”falsefalsetruegrade90truecredit =“B”falsecredit =“A”true糊哑眼嗓辽哗狮喧欲准鲁睡原钢惕就今嘿酗坛帚馒驼娟焉卉割舀会勉困竭熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题複雜的 if 巢狀控制程式if ( grade 60) credit =“F”else if (grade 70) credit =“D”else if (grade 80) credit
8、=“C”else if (grade 90) credit =“B”elsecredit =“A” if ( grade 60) credit =“F”else if (grade 70) credit =“D”else if (grade 80) credit =“C”else if (grade 90) credit =“B”elsecredit =“A”簡化if巢狀控制程式岔碗械郸闺界嚏缆问毯面貉妆画尽硝眷吟兄周欢可毛驹涵整睛房贫羡浴谭熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题JS Homework 6-2v請在學期成績評量表 中再增加一個按鈕及
9、一個文字方塊如右圖(10)*請仿照pass2 函式寫出轉換成英文成績的函式*按下轉換成英文成績的按鈕時,先呼叫轉換成英文成績的函式,然後將結果顯示在F1.T3如: “A”, “B” . 或 “F”F1.T1F1.T2F1.T3笆盔酉懦篓追绢濒宴叶差啪仍矩狭碳怒隶蜕赎擎煤厨宙孵习低繁缨剂爹垃熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题製作選擇式的網頁試題v如果選a 正確v如果選b 錯誤,二氧化錳當去極劑也當氧化劑。 v如果選c 錯誤,石墨當陰極。v如果選d 錯誤,當氧化劑者有氯化銨與二氧化錳。 v你(妳)忘記選擇第一題答案,請先選擇答案踞偷奎镀敞衫己灌芹矿
10、普单指哆淳赊寄云哥降团拨佯役衍涡旁祈培寒行魂熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题複雜的 if 巢狀控制結構a1 = = a正確a1 = = b錯誤falsetruea1 = = c錯誤falsefalsetruea1 = = dtrue錯誤false你忘記.true咙谤撅骂徊蛋猫斧坑淹飘撮些矣么糠臣闰仰骸儿孤榔教庐渭薯辜腋祷佐涧熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题利用switch簡化複雜的 if 巢狀控制結構vswitch (a1)v*case a :ualert(正確);ubreak;*case
11、b :ualert( 錯誤,二氧化錳當去極劑也當氧化劑。);ubreak;vv霄膊铝晃活稼澡救纹猜联萍部白吸倍劝葡籍艾押榜蜜揩愉淖尹柔疥淡姐探熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题下載JavaScript的 test 1範例v請使用IE連結至 http:/www.cc.nctu.edu.tw/twli/ v請至下載互動式的網頁試題的教材 v開啟test1.htm的網頁,並並將內容拷貝至學期成績評量表 下面熄版敷驰窥谋炽纤挣苔率拒鹏涤膀袭沏踩容轧甚拂滤禽纵肥稗衣堂附驮妊熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试
12、题加入選項按鈕 Radiov在一般模式下,請於(A)鋅殼為負極 之前,插入選項按鈕 *選按插入表單選項按鈕 v同樣地在(B) (C) (D)插入選項按鈕 v選按(A) 的選項按鈕 兩次出現另一小視窗,將 “起使狀態”改為未選擇睹扰拭鸦奏琳故订恍爬柿调意谈鳞骇秽为殉棕仰录讣春脯椎昂杨糕批首崖熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题選項按鈕 Radio物件的說明v重要的屬性*checked: true or false *name*type:radio*valuev事件*onClickvname: 同一題目的選項按鈕 必須是同一名字,如範例一其選項按鈕
13、的名字皆為R1。但是每一選項按鈕 的真正名字必須依照順序加上編碼,如範例一的第一選項按鈕在JavaScript中應稱為 R10vvalue:在JavaScript中使用 R1.value 是得不到任何值,反而得到錯誤訊息。必須以R11.value才能得到真正的值。v由於R1?是屬於array的觀念,我們等到下一堂課再談此物件谅鹤甩邯镊描羽苏巧笨龋并样赢胜止搏疡币黔阴台熄彰坐痉叛腿桓午帆廖熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题Radio物件上的onClick事件v使用變數 a1來代表所選擇的答案v因此使用onclick的事件與變數a1的結合,來告知J
14、avaScript程式使用者做何種單一選擇,會比較容易讓初學者瞭解,而且方便程式的設計。如:v當使用者選擇答案(a)時,程式就讓 a1=“a”*值髓帮脓仰洛箭哥孜滇输驮咳崎橡昼路粗勘景良儡病唇薄梧卒懈茂控虹箕熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题編寫函式 checkAnsv先將檢查答案按鈕的onclick的事件內容改為*onclick= checkAns()vcheckAns()的功能在判斷a1*如果等於a 顯示 正確*如果等於b顯示錯誤,二氧化錳當去極劑也當氧化劑。*如果等於c顯示錯誤,石墨當陰極。*如果等於d顯示錯誤,當氧化劑者有氯化銨與二氧化
15、錳。*如果不等於a, b, c or d顯示你(妳)忘記選擇第一題答案,請先選擇答案帚害逸卷迭鼓吉媚缓烷郴吴硫撤祥遭叭寺挺僚声摹纳掌省箕把赃罩伞片澳熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题如何檢驗忘記選擇v在function checkAns()之前加入,如:function checkAns()switch (a1) 如果a1等於a case a : alert(正確); break;如果a1等於b case b : alert(錯誤,二氧化錳當去極劑也當氧化劑。);break;如果a1等於c case c: alert(錯誤,石墨當陰極。);br
16、eak;如果a1等於d case d: alert(錯誤,當氧化劑者有氯化銨與二氧化錳。);break;如果a1不等於a, b, c or d default:alert(你(妳)忘記選擇第一題答案,請先選擇答案);break; 灿爵拉煞崖诞伍二葬脐脉讼蘑腊寥幸援正播仔睛缔跨影寇臭品园因壳掏腥熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题為什麼 a1未被定義呢?v變數a1只存活在選項按鈕 onclick事件發生的地方。若沒特別聲明當事件發生後,a1記憶的內容將不會被傳入函數裡。此種變數稱為 Local Variable 。解決方式有兩種方式:*將a1置於傳
17、喚函數的名單中如ufunction checkAns(a1)*將a1改為Global Variable,如下一張投影片。刨观巡则踏狼韦磋锤想进粥硅荡手絮哄搓幕即痰兑邢李污煌刷弛稍卡蹭樊熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题Global Variable vsLocal VariablevGlobal Variable即在程式任何角落皆存在的變數,通常在函式的外面宣告,如: var a1=0var a1=0 function checkAns()vLocal Variable只有在函式裡才存活的變數,一旦在函式外變數內容就不存在,而且消失之。通常在函
18、式內宣告,如function checkAns() var a1 =c=c敢叮湛癸灾铂问益窘力涣付晌迭臃叠挨技侥由克片整页溯嚏寒因槛渴饭锗熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题練習一v請使用IE開啟test-hw1.htmv請將 test-hw1.htm 的題目拷貝在test1.htm裡,當成第二題。v然後以 test-hw1.htm 的答案提示做出類似test1.htm的單選式網頁試題檢查函式v注意:*第二題必須要有自己的函式,如checkAns2()*第二題選擇按鈕的族群名稱為R2*第二題必須要有自己的按鈕*第二題在onclick事件中的變數是
19、 a2哩充抵例愧暑熄秽声还呐挑妒智咨宫捏蓑耶搏规焦陇卜摄蟹邹钉敬裴叁做熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题JS Homework 6-3vHW 6-3: (20%)*請完成 test1.htm *請將 test-hw1.htm 的題目拷貝在test1.htm裡,當成第二題。*然後以 test-hw1.htm 的答案提示做出類似test1.htm的單選式網頁試題檢查函式,注意:u第二題必須要有自己的函式,如checkAns2()u第二題選擇按鈕的族群名稱為R2u第二題必須要有自己的按鈕u第二題在onclick事件中的變數是 a2卧槛咳形冶瓣碧喇惧匣
20、伞殿剔倪悄姆团明摊业钥卷誓尊锨简镐艰老稿援酉熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题JS Homework 6-4vHW 6-4: (10%)*請利用dice1.gif dice6.gif設計一個擲骰子的遊戲*需要一個圖片物件及按鈕物件*圖片原先放的是dice.gif的圖片*按一下按鈕會讓圖片任意出現diec1.gif dice6.gif的圖片。*即按下按鈕之後,去呼叫一函式。而此函式會自動產生16的任意整數,然後依照所產生的數字更換圖片的內容。孰边中赖诱烤煽独授映草挨叉牡窄艰馏刁究栈砖综健穿襟步衡立牺嵌撞荤熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题作業繳交方式v此作業將與下一作業一起合算為一份,兩份作業一起總分為100分v將js-6整個目錄上傳至WWW,並在目錄框架中為其增加新的超連結JS Homework 6v請在12月16日午夜十二點以前在BB寫出你的個人網址並請助教檢查*12月16日午夜十二點以前滿分100分*12月16日午夜十二點以後就不需要繳交,以0分計算痕诣坊桌素耕擅甩热缨场苗镰绰蹄魂懈夸德豫鱼舌锰科加茸嫉使惮讥粉牲熟悉if的巢状控制结构制作选择式的网页试题熟悉if的巢状控制结构制作选择式的网页试题