姓名: 蕭豪廷
學號: 4086c001
回首頁
互動人機介面
第一堂課
例題1-2-1: 使用alert警告視窗
例題1-2-2: 使用document.write
例題1-2-3: 使用document.write搭配字串與數值
例題1-3-1: 透過 onclick 進行簡單互動
作業
第二堂課
例題2-2-1: 第一個互動getElementBy??
例題2-3-1: 使用function功能
例題2-4-1: 使用 .innerHTML 改變元素的內部資料
例題2-4-2: 使用 .outerHTML 改變元素的外部資料
作業
第三堂課
例題3-1-1: 數值型別的變數宣告
例題3-1-2: 進行字串的累加與刪除
例題3-1-3: 使用typeof()判斷型別
例題3-2-1: 了解變數型別，很重要喔！大家幾乎都是字串
例題3-2-2: 變更型別parseFlote()
例題3-3-1: 來做攝氏與華氏溫度的轉換
例題3-3-2: 用是不是年輕人來顯示布林值
第四堂課
例題4-2-1: 用if回應BMI的結果好不好
例題4-2-3: 用if設計一點點UI計算面積
例題4-3-1: 用switch取代if設計一點點UI計算面積
例題4-4-1: 丟骰子比大小
例題4-4-2: 丟骰子比大小--一點點UI
第五堂課
例題5-1-1: 自己決定骰子的數量
例題5-1-2: 使用迴圈處理骰子的亂數資料
例題5-1-3: 巢狀迴圈，用9x9乘法表處理看看
例題5-1-4: 巢狀迴圈，用9x9乘法表一點點UI
例題5-2-1: 計算是否為植樹
例題5-3-1: 用while迴圈做數字三角形
例題5-3-2: 上台報告抽抽樂
例題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: 製作撲克牌-翻牌遊戲
第七堂課
例題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屬性
第八堂課
例題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: 方塊沿線跑
第九堂課
例題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的小遊戲
第十堂課
例題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功能