鳥哥的網站設計
姓名:鳥哥
學號:A030Cxxx
- 期末作業:
- 完成鳥哥上課所有的程式碼
- 設計一個至少 3 X 5 的表格,放置你的地鼠遊戲。同時請注意,地鼠圖示越漂亮,分數會越高。
- 第一周-表格+表單+單選+複選等等
- 第三周-javascript 的變數宣告與 alert 初探
- 第三周-條件判斷式的使用
- 第三周-使用 prompt 互動輸入成績
- 第三周-使用 prompt 互動輸入成績,條件判斷學期成績的結果
- 第三周-使用 prompt 互動輸入成績,條件判斷學期成績的結果-更複雜
- 第四周-使用 for 迴圈計算 9x9 乘法表並輸出
- 第四周-以本機時間來設計輸出的資訊(早安、午安等設定項目)
- 第四周-使用 button 的按鈕,搭配函數 (function) 設計按鈕功能
- 第七周-使用字串物件的方式,來了解到屬性參數的取得方式
- 第七周-一維陣列的使用
- 第七周-二維陣列的使用
- 第九周-取得螢幕與瀏覽器的相關資料
- 第九周-開始跟網頁互動了,使用 innerHTML 的方法
- 第11周-瀏覽器小算盤
- 第11周-自訂 1-6 亂數
- 第11周-自己指定一個亂數
- 第11周-點菜系統
- 第13周-顯示時間
- 第13周-持續顯示時間
- 第13周-持續顯示時間+展示停留秒數+停止計時
- 第15周-顯示時間,並且加上問候語
- 第15周-倒數 n 秒,結束後停止讀秒,並且給予 Time'sUP 的訊息
- 第15周-倒數 n 秒,結束後停止讀秒,並且給予圖片變化
- 第15周-使用陣列、利用 setInterval、『循續』處理跑馬燈
- 第15周-使用陣列、利用 setInterval、『隨機』處理跑馬燈
- 第16周-了解 CSS 的 position: absolute,搭配 left, top 等距離的用法
- 第16周-承上,使用按鈕,搭配上述的方法,按下按鈕可以修改上/下/左/右等參數
- 第16周-承上,使用按鈕,加上放大、縮小的按鈕
- 第17周:設計單洞地鼠出現:
- 預先設計三張圖,每張圖的像素大小應該要差不多較佳。一張是沒東西,一張是有地鼠,再一張是被打中的模樣
- 設計一個 1x1 的表格,表格內放置沒東西的圖樣;
- 設計一個『開始』的按鈕,按下按鈕後,開始計時 30 秒,並呼叫一個隨機處理的函數,去隨機產生地鼠;
- 地鼠函數中
- 先檢查秒數,若秒數大於 0 則秒數減 1,若秒數小於等於 0 ,則清楚計時,不在執行程式。
- 每秒鐘產生一次亂數,該亂數若大於一個自訂值 (0-1 之間的數值,依據產生地鼠的可行性處理),則更換圖片成為地鼠,
若低於該值,則變成沒東西的圖片
- 第17周:承上題,(a)只是透過迴圈與陣列,變成 1x3 的表格形式,同時(b)加入一個顯示區塊,顯示目前剩餘幾秒鐘的資訊
- 第17周:承上題,加上一個判斷陣列,出現地鼠後,這個地鼠要保留 3 秒鐘 (或兩秒鐘,自訂數值來選擇難度)
- 第17周:承上題,在地鼠的圖片上,加上一個函數,當點擊後 (OnClick),判斷 (a)如果是地鼠圖示同時(b)在進行遊戲中,則
- 圖片變成被打中的圖片;
- 訊息顯示區當中,會帶入一個打中的地鼠次數
- 第17周:承上題,將老鼠出現的秒數,以及老鼠出現的機率做兩個變數來設計。