• 姓名:鄭宇翔
• 學號:4070C005
• 回首頁

互動人機介面

• 期末作業
  • 點餐系統
  • 期末遊戲
• 第十二堂課
  • 例題12-1-1:繪製動畫星空
  • 例題12-1-2:套入動畫星空
  • 例題12-1-3:繪製動畫手錶
  • 例題12-2-1:加入手錶音效
  • 例題12-2-2:加入動畫音效
  • 例題12-3-1:旋轉的星球
  • 例題12-3-2:圓餅圖設計
• 第十一堂課
  • 例題11-1-1:JSON初探
  • 例題11-1-2:製作JSON檔案
  • 例題11-1-3:JSON陣列
  • 例題11-1-4:Ajax 回傳 JSON.parse 功能
  • 例題11-2-1:canvas 畫方塊
  • 例題11-2-2:canvas 畫路徑
  • 例題11-2-3:canvas 畫夜空
  • 例題11-2-4:canvas 畫飛碟
  • 例題11-2-5:canvas 套入飛碟的遊戲
  • 例題11-3-1:圖片修改範圍大小
  • 例題11-3-2:資傳系平面圖
  • 例題11-3-4:圖片旋轉效果
  • 例題11-3-4:期末籃子
• 第十堂課
  • 例題10-2-1:建立固定風格樣式
  • 例題10-2-3:資料傳輸行為
  • 例題10-3-1:擷取網頁資料
  • 例題10-3-2:取到的資料填入右方塊
  • 例題10-4-1:製作天氣小方塊
  • 例題10-4-2:跨網站取得資料
  • 例題10-4-3:製作中繼網頁 API - cwb
  • 例題10-4-4:使用API的資料
• 第九堂課
  • 例題9-1-1:暫停圖片淡出淡入切換
  • 例題9-1-2:addEventListener取代onmouse
  • 例題9-1-3:限制暫停次數
  • 例題9-2-1:開啟新視窗
  • 例題9-2-2:取得滑鼠視窗
  • 例題9-2-3:滑鼠拖曳視窗
  • 例題9-3-1:拖曳物件目標
  • 例題9-3-2:多重拖曳目標
  • 例題9-3-3:多重拖曳小遊戲
  • 例題9-4-1:鍵盤按下指令
  • 例題9-4-2:砲彈發射
  • 例題9-4-3:砲彈邊跑邊發射
  • 例題9-4-4:射幽浮遊戲
• 第八堂課
  • 例題8-1-1:取得doucment屬性
  • 例題8-1-2:使用createElement
  • 例題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:大方塊與小方塊亂走
• 第七堂課
  • 例題7-1-1:視窗物件初探:取得屬性
  • 例題7-1-2:視窗物件初探:修改屬性
  • 例題7-2-1:數值物件初探
  • 例題7-2-2:字串物件初探
  • 例題7-2-3:字串物件指定內部大小寫
  • 例題7-2-4:數學物件初探
  • 例題7-2-5:成績計算
  • 例題7-2-6:try 和 catch還有finally的應用
  • 例題7-3-1:二維陣列初探
  • 例題7-3-2:宣告二維陣列
  • 例題7-4-1:環境物件初探
• 第六堂課
  • 例題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:巢狀迴圈
  • 例題5-1-4:巢狀迴圈-2
  • 例題5-2-1:質數與判斷
  • 例題5-3-1:數值三角形呈現(while)
  • 例題5-3-1:數值三角形呈現(for)
  • 例題5-3-2:上台報告抽籤系統
• 第四堂課
  • 例題4-2-1:用 if 回應BMI的結果
  • 例題4-2-2:用 if 回應多重判斷
  • 例題4-2-3:用 if 選擇形狀的算式並計算
  • 例題4-3-1:改用 switch 選擇形狀的算式並計算
  • 例題4-4-1:亂數骰子應用
  • 例題4-4-2:亂數骰子DEBUG版本
• 第三堂課
  • 例題3-1-1:數值型別的變數宣告
  • 例題3-1-2:字串型別的累加和刪除
  • 例題3-1-3:抓取布林值型別
  • 例題3-2-1:抓取數值型別
  • 例題3-2-2:變更型別 parseFloat()
  • 例題3-3-1:計算攝氏與華氏溫度轉換
  • 例題3-3-2:用布林值判斷年紀
• 第二堂課
  • 例題2-2-1:第一個互動 getElementById
  • 例題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 進行簡單互動點擊

Homeworks

• 第十一堂課
  • 例題11-4-1:老師們的簡介JSON
  • 例題11-4-2:JSON 資料查詢
  • 例題11-4-3:製作戰鬥機
• 第十堂課
  • 例題10-5-1:台南整點雨量中繼API製作
  • 例題10-5-2:整合API網頁
• 第九堂課
  • 例題9-5-1:點點打怪物
  • 例題9-5-2:打會動的飛碟
• 第八堂課
  • 例題8-4-1:亂數和指定殭屍數量
  • 例題8-4-2:倒數1小時2分
  • 例題8-4-3:車子與亂數走來走去
• 第七堂課
  • 例題7-5-1:輸入和推算成績
  • 例題7-5-2:二維陣列匯入資料
  • 例題7-5-3:查看學號格式
  • 例題7-5-4:製作計算機
• 第六堂課
  • 例題6-5-1:名單+抽籤系統
  • 例題6-5-2:複選表單+抽籤系統
  • 例題6-5-3:整合名單並複選加以抽籤
• 第五堂課
  • 例題5-4-1:網頁色碼大全
  • 例題5-4-2:找最近的質數
• 第四堂課
  • 例題4-5-1:表單submit應用
• 第三堂課
  • 例題3-4-1:計算BMI
• 第二堂課
  • 例題2-5-1:剪刀石頭布
• 第一堂課
  • 例題1-4-1:計算地球表面積