• 姓名: 胡家綺
• 學號: 4081C001
• 回首頁

互動人機介面

• 期末
• 期末-1-訂單
• 期末-2-小遊戲
• 第一堂課
• 例題 1-2-1：使用 alert 警告視窗
• 例題 1-2-2：使用 document.write 警告視窗
• 例題 1-2-3：使用 document.write 搭配字串與數值
• 例題 1-3-1：透過 onclick 進行簡單互動
• 作業 1-4-1：計算地球的相關參數
• 第二堂課
• 例題 2-2-1：第一個互動 getElementBy??
• 例題 2-3-1：使用 function 功能
• 例題 2-4-1：使用 .innerHTML 改變元素的內部資料
• 例題 2-4-2：使用 .outerHTML 改變元素的外部資料
• 作業 2-5-1：剪刀石头布！(ゝ∀･)⌒☆
• 第三堂課
• 例題 3-1-1：數值型別的變數宣告
• 例題 3-1-2：進行字串的累加與刪除
• 例題 3-1-3：使用 typeof() 判斷型別
• 例題 3-2-1：了解變數型別，很重要喔！大家幾乎都是字串
• 例題 3-2-2：變更型別 parseFloat()
• 例題 3-3-1：來做溫度攝氏與華氏溫度的轉換
• 例題 3-3-2：用是不是年輕人來顯示布林值
• 作業 3-3-3：計算BMI
• 第四堂課
• 例題 4-2-1：用 if 回應 BMI的結果好不好
• 例題 4-2-2：用 if 回應 BMI的結果好不好-多重判斷
• 例題 4-2-3：用 if 設計一點點 UI 計算面積
• 例題 4-3-1：用 switch 取代 if 設計一點點 UI 計算面積
• 例題 4-4-1：丟骰子比大小
• 例題 4-4-2：丟骰子比大小--一點點UI
• 作業 4-5-1：element.focus() 的應用
• 第五堂課
• 例題 5-1-1：自己決定骰子的數量
• 例題 5-1-2：使用迴圈處理骰子的亂數資料
• 例題 5-1-3：使用巢狀迴圈處理 9X9 乘法表
• 例題 5-1-4：使用巢狀迴圈處理 9X9 乘法表--一點點UI
• 例題 5-2-1：判斷質數
• 例題 5-3-1：用 while 迴圈做數字三角形
• 作業 5-3-1-1：用 for 迴圈做數字三角形
• 例題 5-3-2：用 while 迴圈做上台的報告抽抽樂
• 例題 5-3-3：用 do, while 迴圈做上台的報告抽抽樂
• 第六堂課
• 例題 6-1-1：第一個陣列資料
• 例題 6-1-2：用陣列設計不重複的抽籤名單
• 例題 6-2-1：網路匯入名單
• 例題 6-3-1：用陣列做複選表單
• 例題 6-3-2：用陣列做複選表單-全選/全不選
• 例題 6-4-1：製作撲克牌
• 例題 6-4-2：製作撲克牌-開始洗牌
• 例題 6-4-3：製作撲克牌-翻牌遊戲
• 作業 6-5-1：製作真實名單抽籤行為
• 作業 6-5-2：結合複選表單的功能，繼續來抽籤
• 作業 6-5-3：製作真實名單後，持續以複選表單來抽籤的行為
• 第七堂課
• 例題 7-1-1：取得 window 物件的屬性
• 例題 7-1-2：修改 window 物件的屬性
• 例題 7-2-1：數值物件的處理
• 例題 7-2-2：字串物件方法的應用
• 例題 7-2-3：只取我要的資料
• 例題 7-2-4：數學物件的常數或屬性
• 例題 7-2-5：可憐老師期末算成績
• 例題 7-2-6：計算式
• 例題 7-3-1：了解陣列的方法
• 例題 7-3-2：二陣陣列的應用
• 例題 7-4-1：用 for 迴圈列出 location 的屬性
• 作業 7-5-1：自動推算出假設的成績
• 作業 7-5-2：二維陣列增加欄位與特殊顯色
• 作業 7-5-3：分析字串，判斷特殊格式文字
• 作業 7-5-4：瀏覽器小算盤
• 第八堂課
• 例題 8-1-1：取得 document 的屬性
• 例題 8-1-2：用 createElement 建立1000個星星
• 例題 8-1-3：新增刪除
• 例題 8-2-1：取得日期物件的內容方法
• 例題 8-2-2：顯示各地的時鐘
• 例題 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：建立倒數 1 小時 2 分的畫面
• 作業 8-4-3：車子隨便移動的狀態
• 第九堂課
• 例題 9-1-1：暫停淡出淡入的照片抽換
• 例題 9-1-2：承上，練習 addEventListener
• 例題 9-1-3：承上，最多只能停三次
• 例題 9-2-1：開新視窗，占用螢幕四分之一大
• 例題 9-2-2：取得滑鼠座標
• 例題 9-2-3：滑鼠拖曳事件
• 例題 9-3-1：HTML5 - drag and drop 單一拖曳事件
• 例題 9-3-2：HTML5 - drag and drop 多重拖曳事件
• 例題 9-3-3：HTML5 - drag and drop 允許多個元件拖曳與多個元件放置
• 例題 9-4-1：打 UFO 砲台製作
• 例題 9-4-2：開始發射砲彈
• 例題 9-4-3：開始發射砲彈-連續移動與射擊
• 例題 9-4-4： 完成打 UFO 的小遊戲
• 第十堂課
• 例題 10-2-1：建立固定風格樣式
• 例題 10-2-3：第一個 Ajax 資料處理
• 例題 10-3-1：使用 responseXML
• 例題 10-3-2：左側資料填入右側方塊
• 例題 10-4-1：設計天氣小方塊
• 例題 10-4-2：CORS 跨站 ajax 的問題
• 例題 10-4-3：中繼程式 API - CWB
• 例題 10-4-4：採用自己網站 API 的方式處理
• 第十一堂課
• 例題 11-1-1：第一個 JSON - 用 AQI 做解釋
• 例題 11-1-2：一個自我介紹的 JSON 格式輸出
• 例題 11-1-3：使用多人的資料，建立統一的樣式輸出之 JSON 物件輸出
• 例題 11-1-4：Ajax 回傳與 JSON.parse 功能
• 例題 11-2-1：第一個畫方塊的 Canvas 畫布
• 例題 11-2-2：不同路徑繪製
• 例題 11-2-3：繪製星空圖
• 例題 11-2-4：畫個飛碟
• 例題 11-2-5：打UFO的遊戲
• 例題 11-3-1：地圖縮放
• 例題 11-3-2：資傳系教室平面圖
• 例題 11-3-4：變形的企鵝 - 旋轉
• 例題 11-4-1：崑山資傳系師資簡介
• 例題 11-4-3：描繪飛機或戰鬥機圖示
• 第十二堂課
• 例題 12-1-1：星星會跑的背景圖
• 例題 12-1-2：背景會移動的射擊遊戲
• 例題 12-1-3：鐘錶的動畫
• 例題 12-2-1：鐘錶的動畫-有音效
• 例題 12-2-2：UFO biu biu biu
• 例題 12-3-1：太陽-地球-月球
• 例題 12-3-2：圓餅圖繪製