S18 JavaScript 範例程式碼

L1 : 認識 JavaScript

  • JS_L1_02.html - 套用並檢視 JavaScript
  • JS_L1_03.html - 認識 JavaScript 基本元素
  • JS_L1_04.html - 使用 Array 和 Map 管理資料
  • JS_L1_05.html - 使用流程控制
  • JS_L1_06.html - 使用迴圈
  • JS_L1_07.html - JavaScript 的多重範型:函式與物件

L2 : 使用 DOM 進行網頁開發

  • JS_L2_02.html - DOM 常用屬性與方法
  • JS_L2_03.html - 事件驅動 - (1) 設定事件
  • JS_L2_04 DIR - 事件驅動 - (2) 實作:電燈開關
  • JS_L2_05.html - 事件驅動 - (3) 實作:表單驗證
  • JS_L2_06.html - 操作 HTML 元素 - (1) Add, Delete, Replace
  • JS_L2_07.html - 操作 HTML 元素 - (2) 實作:To-Do List
  • JS_L2_08.html - 操作 CSS

L3 : 實作「英雄打怪」小遊戲

  • U2 DIR - 創建檔案和遊戲介面
  • U3 DIR - 定義與創建英雄和怪獸
  • U4 DIR - 建立遊戲介面和角色物件的關係
  • U5 DIR - 設計遊戲的戰鬥流程
  • U6 DIR - 加入特效
  • U7 DIR - 判斷遊戲勝負