• 姓名: 翁士閔
• 學號: 4070C031
• 回首頁

互動人機介面

• 期末
  • EXAM1: 點餐系統
  • EXAM2: 小遊戲
• HomeWork
  • 例題 1-4-1: 計算地球的相關參數
  • 例題 2-5-1: 剪刀石頭布
  • 例題 3-4-1: 判斷你的身高體重指數是否正常
  • 例題 4-5-1: 使用 if 控制UI的表單進行-表單填寫
  • 例題 5-4-1: 色碼大全
  • 例題 5-5-1: 找最近的質數
  • 例題 6-5-1: 製作真實名單抽籤行為
  • 例題 6-5-2: 崑大學餐與附近的好吃好吃
  • 例題 6-5-3: 複選表單抽籤
  • 例題 7-5-1: 自動推算出假設的成績
  • 例題 7-5-2: 二維陣列增加欄位與特殊顯色
  • 例題 7-5-3: 檢查學生證格式
  • 例題 7-5-4: 瀏覽器小算盤
  • 例題 8-4-1: 產生許多殭屍
  • 例題 8-4-2: 搭配畫面美化，建立倒數 1 小時 2 分的畫面
  • 例題 8-4-3: 車子隨便移動的狀態
  • 例題 9-5-1: 寫出一個敲擊怪物的小遊戲
  • 例題 9-5-2: 製作會下降的飛碟
  • 例題 9-5-3: 製作拖曳的配對遊戲
  • 例題 10-5-1: 實做一個站外的 API 應用
  • 例題 10-5-2: 將資料整合到網頁中
  • 例題 11-4-1: 自訂 JSON 物件與列表
  • 例題 11-4-2: 處理 JSON 格式以及 Ajax 回傳的訊息處理
  • 例題 11-4-3: 描繪飛機或戰鬥機圖示
  • 例題 12-4-1: 手錶錶面資料更豐富
  • 例題 12-4-2: 射飛碟遊戲更生動
• 第十二堂課
  • 例題 12-1-1: 星星會跑的背景圖
  • 例題 12-1-2: 打UFO背景變化
  • 例題 12-1-3: 鐘錶的動畫
  • 例題 12-2-1: 鐘錶的動畫-有音效
  • 例題 12-2-2: UFO 蹦蹦蹦
  • 例題 12-3-1: 太陽-地球-月球 相關動畫
  • 例題 12-3-2: 圓餅圖
• 第十一堂課
  • 例題 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: 企鵝變形
• 第十堂課
  • 例題 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的方式處理
• 第九堂課
  • 例題 9-1-1: 暫停淡出淡入的照片抽換
  • 例題 9-1-2: 承上，練習addEventListener
  • 例題 9-1-3: 承上，最多讓你停三次
  • 例題 9-2-1: 開新視窗，占用螢幕1/4大
  • 例題 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小遊戲
• 第八堂課
  • 例題 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: 自動抽換圖片+淡出淡入(setTimeout)
  • 例題 8-3-5: 方塊沿線跑
• 第七堂課
  • 例題 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屬性
• 第六堂課
  • 例題 6-1-1: 第一個陣列資料
  • 例題 6-1-2: 用陣列設計不重複的抽籤名單
  • 例題 6-2-1: 網路匯入名單
  • 例題 6-3-1: 用陣列做複選表單
  • 例題 6-3-2: 用陣列做複選表單-全選/全不選
  • 例題 6-4-1: 製作撲克牌
  • 例題 6-4-2: 製作撲克牌-開始洗牌
  • 例題 6-4-3: 製作撲克牌-翻牌遊戲
• 第五堂課
  • 例題 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: 上台抽抽樂
• 第四堂課
  • 例題 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
• 第三堂課
  • 例題 3-1-1: 數值型別的變數宣告
  • 例題 3-1-2: 進行字串的累加與刪除
  • 例題 3-1-3: 使用typeof()判斷型別
  • 例題 3-2-1: 了解變數型別，很重要喔!大家幾乎都是字串
  • 例題 3-2-2: 變更型別 parseFloat()
  • 例題 3-3-1: 來做溫度攝氏與華氏溫度的轉換
  • 例題 3-3-2: 用是不是年輕人來顯示布林值
• 第二堂課
  • 例題 2-2-1: 第一個互動getElementsById
  • 例題 2-3-1: 使用function功能
  • 例題 2-4-1: 使用 .innerHTML改變元素的內部資料
  • 例題 2-4-2: 使用 .outerHTML改變元素的外部資料
• 第一堂課
  • 例題 1-2-1: 使用alert警告視窗
  • 例題 1-2-2: 使用document.write
  • 例題 1-2-3: 使用document.write搭配字串與數值
  • 例題 1-3-1: 透過onclick進行簡單互動