JavaScript程式設計的範例程式

demo1.html hello world範例
demo2.html 用alert 的hello world範例
demo3.html 簡單的prompt 輸入範例
demo4.html 利用form的圓形面積計算 沒有警告的版本
demo5.html 展示資料型態與變數
demo5a.html 展示資料型態轉換
demo6.html 展示邏輯運算的用法
demo7.html 展示if 指令配合邏輯運算的用法
demo8.html 展示if - else -if 的用法,算幾種幾何圖形面積
demo8a.html 展示radio 輸入介面的用法,算幾種幾何圖形面積
demo8b.html 展示if 次序問題
demo9.html 用switch 重複demo8的工作
demo9a.html 用亂數來擲骰子
demo10.html 利用while 迴圈來使demo9a重複運算
demo11.html 利用do while 迴圈來達成demo10的功能
demo12.html 利用for迴圈計算階乘
demo13.html 利用巢狀for 迴圈來計算99乘法表
demo13a.html 印出數字三角形
demo14.html 利用while 與 break來計算平方和超過
demo15.html 利用while與continue來計算平方和超過
demo16.html 利用setInterval來計算時間
demo17.html 利用setInterval來顯示時間和簡單動畫
demo18.html 利用setInterval和陣列來展示信息跑馬燈
demo19.html 利用setInterval和div的style來展示移動圖片功能
demo20.html 利用上下左右按鈕移動div
demo21.html 利用上下左右按鈕移動div,並可改變圖檔大小
demo22.html 利用按鈕移動div,改變圖檔大小與圖檔
demo23.html 利用鍵盤移動div,改變圖檔大小與圖檔
demo23a.html 利用鍵盤(用addEventListener)移動div,改變圖檔大小與圖檔
demo24.html 利用滑鼠按鈕移動div,改變圖檔大小與圖檔
demo24a.html 利用滑鼠按鈕(用addEventListener)移動div,改變圖檔大小與圖檔
demo25.html 取得滑鼠座標移動div,改變圖檔大小與圖檔
demo27.html 用滑鼠拖曳圖片
demo27a.html 用滑鼠拖曳圖片,用addEventListener
demo28.html 圖片沿著邊走
demo29.html 打飛碟第一部份
demo30.html 打飛碟完整版
demo31.html Canvas 範例
demo32.html 打地鼠範例
demo33.html 打地鼠按中間死掉範例
demo34.html 打飛碟,新增飛碟版
r1.html 三軸和方向加速器
r2.html GPS資料