姓名:黃信霖
學號:4070c013
返回首頁
互動人機介面設計
期末
期末1-表單
期末2-遊戲
第一章
1.2.1:使用 alter 顯示歡迎訊息
1.2.2:使用 document.write 取代 alert 的文字展示
1.2.3:開始使用變數設定處理 BMI 的計算
1.3.1:搭配 onclick 展示 alert 計算的結果
作業:1.4.1
第二章
2.2.1:使用 檔案 的內容,並依據底下的方式設計網頁
2.3.1:嘗試使用 function 處理
2.4.1:使用 innerHTML 功能,修改元件內部的資料
2.4.2:使用 outerHTML 功能,修改元件內部的資料
作業:2.5.1
第三章
3.1.1:計算天文單位
3.1.2:進行文字的新增與刪減測試
3.1.3:檢查並輸出變數的型別
3.2.1:輸出網頁上抓的元件的型別
3.2.2:輸出透過 parseFloat(), parseInt() 轉換文字為數值的型別結果
3.3.1:計算一下 °C 與 °F 之間的轉換的型別結果
3.3.2:輸出邏輯判斷後的結果(布林值)
作業:3.4.1
第四章
4.2.1:回答 BMI 數值的意義
4.2.2:回答 BMI 數值的意義(進階)
4.2.3:使用 if 設計簡單的 UI
4.3.1:使用 switch 取代 if 進行簡單 UI 設計
4.4.1:使用亂數擲骰子,並與用戶比較大小
4.4.2:使用亂數擲骰子,並與用戶比較大小加上簡單 UI 設計
作業:4.5.1
第五章
5.1.1:使用按鈕來決定數值的變化,針對 UI 的設計想法
5.1.2:開始使用迴圈擲骰子
5.1.3:使用巢狀迴圈處理 9X9 乘法表
5.1.4:使用巢狀迴圈處理 9X9 乘法表,加上一點點 UI 的設計
5.2.1:判斷質數
5.3.1:使用 while 迴圈來設計 1~15 之間的數字三角形習題
5.3.2:使用 while 迴圈來設計上台的報告者順序
作業:5.4.1
作業:5.4.2
第六章
6.1.1:設定好陣列後,將陣列內容用不同的方式印出來到螢幕上
6.1.2:不會重複的抽獎名單
6.2.1:讓使用者匯入名單來處理陣列的動作
6.3.1:以陣列的值來處理表單的生成
6.3.2:全選與全不選的 checkbox 按鈕
6.4.1:雙層迴圈搭配陣列來列出撲克牌牌面
6.4.2:撲克牌的洗牌效果
6.4.3:撲克牌翻牌小遊戲
作業:6.5.1
作業:6.5.2
作業:6.5.3
第七章
7.1.1:取得瀏覽器視窗的相關屬性值
7.1.2:動態修改自己啟用的瀏覽器視窗相關視窗屬性參數
7.2.1:數值格式的轉化
7.2.2:了解字串物件的方法應用
7.2.3:將使用者輸入的資料立刻轉成大寫,並且避免輸入錯誤的方式
7.2.4:列出 Math 屬性
7.2.5:使用開根號函數進行成績計算
7.2.6:使用 error 物件檢查 eval 程式碼的錯誤
7.3.1:理解陣列的方法原因
7.3.2:匯入與直接輸出二維陣列
7.4.1:列出目前頁面的所有資料
第八章
8.1.1:使用 for .. in .. 迴圈,列出 document 的屬性
8.1.2:使用 for 迴圈,搭配 createElement 來建立新的元件
8.1.3:使用 for 迴圈,增加 INPUT 元素
8.2.1:使用 Date 物件的方法來取得相關的參數
8.2.2:使用 toLocaleString 的方法,都用台灣語系來顯示不同地區的時間
8.2.3:使用上述方法來取得未來日期
8.2.4:使用上述方法開始倒數日期
8.3.1:設計網頁碼表功能
8.3.2:時間倒數功能
8.3.3:設計標題圖片的隨機變換功能
8.3.4:設計標題圖片的隨機變換功能-加上淡出淡入特效
8.3.5:設計小方塊會在大方塊裡面,沿著圍牆四處走動
作業:8.4.1
作業:8.4.2
作業:8.4.3
番外:電梯(未完成)
第九章
9.1.1:了解不同的事件,使用 javascript 內部事件的處理方式,取消 HTML 原始碼內的事件觸發語法
9.1.2:使用 addEventListener 取代 onmouse 等事件監聽方式
9.1.3:使用 removeEventListener 移除 onmouse 等事件監聽方式
9.2.1:根據螢幕的大小,自動規範新開視窗的大小
9.2.2:應用滑鼠移動事件,取得滑鼠游標的座標
9.2.3:應用滑鼠移動事件,設計物件的拖曳 (drag and drop) 行為
9.3.1:單一物件拖曳與單一拖曳目標
9.3.2
9.3.3
9.4.1
9.4.2
9.4.3
9.4.4
第十章
10.2.1
10.2.3
10.3.1
10.3.2
10.4.1
10.4.2
10.4.3
10.4.4
10.5.1
第十一章
11.1.1
11.1.2
11.1.3
11.1.4
11.2.1
11.2.2
11.2.3
11.2.4
11.2.5
11.3.1
11.3.2
11.3.4
第十二章
12.1.1
12.1.2
12.2.1
12.2.2
12.3.1
12.3.2