★程式語言-使用JavaScript 一年級時,同學使用過Scratch製作了簡單的遊戲;教綱中心也辦理了「打寇(Code)島」活動。 相信同學對於利用圖型化的方式編寫程式有一點點的概念了。 因上個學期末,讓同學練習了簡單的HTML和一點點CSS, 所以程式語言的部分,本次電腦課將採用JavaScript讓同學體會非圖型化的程式設計......也就是要打字了。 JavaScript,一種高階程式語言。 它被世界上的絕大多數網站所使用,也被主流瀏覽器(Chrome、IE、FireFox、Safari、Opera)支援。 JavaScript常用來完成以下任務: o 讀寫HTML元件 o 嵌入動態文字於HTML頁面 o 對瀏覽器事件作出回應 使用工具: 瀏覽器(Chrome, FireFox, IE......)的主控台(console),按「F12」即可打開。 顯示結果: 1.使用 alert("Hello World"); 2.使用 console.log("Hello World"); 牛刀小試: var a = 8; var b = a * 7; console.log(b); JavaScript變數 和 變數的值: var a; // 設定一個變數 a a = "hello world"; // a是"string" 字串...雙引號or單引號內 a = 87; // a是"number" 數字...可以運算...加減乘除(+ - * / ) a = true; // a是"boolean" 真假值...真(true)or假(false) ※另有 undefined(未定義)、null、object(物件)先不提 條件判斷: ---使用「if...else」--- if (a == 100) { // 如果 a = 100 這裡會執行 } else if (a >= 60) { // 如果 a 大於或等於(>=) 60 這裡會執行 } else { // a不等於100也不大於等於60時,這裡會執行 } ※除了 等於(==) 之外,還可以用 大於(>), 小於(<), 大於或等於(>=), 小於或等於(<=), 及不等於(!=) 。 ---使用「switch...case」--- switch (a) { case 7: // a是 7 時執行這裡 break; case 8: // a是 8 時執行這裡 break; case 87: // a是 87 時執行這裡 break; default: // a都不符合時執行這裡 } 迴圈 Loop (重複執行): ---使用「for」--- for ( i=0 ; i<10 ; i++ ) { console.log(i); //重複執行 10 次,印出每次的 i值 } ---使用「do...while」--- var i = 0; do { console.log(i); i++; } while (i < 10); 與網頁互動: 練習0-置換圖片:使用這個檔 練習1-改變區塊的內容:下載這個檔 把JavaScript寫進網頁(HTML)裡......使用這個範例: 範例: for ( i=1 ; i<=20 ; i++ ) { document.write(" "); for ( j=1 ; j<=i ; j++ ) { document.write("★"); } } 函數(function)的呼叫--下載這個範例修改: 有些程式相要特定狀況才執行(例如:按鈕被按下時), 可以寫成一個函數,需要時再呼叫即可。 function test(){ alert("函數被呼叫了。"); } 利用數學函數隨機產生數字...使用這個範例(擲骰子): Math.random() 會產生 0~1之間隨機的數字(不包含1) Math.random()*6 會產生 0~6之間隨機的數字(不包含6) Math.floor(1.23) 會給出比1.23小的下一個整數。......此範例結果為「1」 Math.floor(5.00001) 會給出比5.00001小的下一個整數。......此範例結果為「5」 如果將前兩個函數,產生隨機產生1~6的整數(就像是擲骰子)? ★自由軟體應用 動態幾何軟體-Geogebra 一、基本功能練習 試著畫出下面圖形。 二、幾何觀察--中(點)線、中垂線及角平分線......下載這個檔案,完成後存檔上傳。 三、直角坐標--代數描點...下載這個檔案,完成後存檔上傳 四、觀察變化......下載這個檔案,完成後存檔上傳: Blockly-code--網站 圖形式程式語言(類似Scratch) 轉 程式碼(JavaScript, Python, PHP......等) 練習: o 從1~6隨機選出一個號碼。. o 算出從1+2+3+......+n的總和。. o 輸入身高體重,算出身體質量指數BMI。. (兒童與青少年BMI建議值) 星象軟體-Stellarium ※※※※※※※※※※※※ 這裡上傳作業會用到「連續抓圖」, Windows10中,連續抓圖請用「Win鍵」+「PrintScreen」 抓完的圖放在 「本機」 → 「圖片」 → 「螢幕擷取畫面」中 ※※※※※※※※※※※※ 一、基本功能練習 二、一年之內,每個月1日同一時間,太陽位置變化。 三、追蹤近期的日(月)蝕(模擬觀測) ★健康上網(資訊安全與倫理)及科技新知 AutoDraw--網址https://www.autodraw.com/