基本語法開練
IF
var score = 70;
這是宣告數字的方法 不要用''括起來
判斷式長這樣
IF後面的括號是一個條件
他會看這個條件的結果是true還是false 來決定執行哪邊
這時候score >= 60 會回傳true 他就會執行 及格 那行
回傳true的意思是 score >=60 就相當於true
在任何你想宣告布林變數的地方都可以放 score>=60
例如var b = true
var b = score >=60
現在的網頁應該會出現及格
儲存後重整
Q: 為何hello world 會不見
A:因為innerHTML他是把那個元素裡面的HTML直接取代新的
所以前面a被蓋掉了 他是有跑的 只是被蓋了
還有一種比較簡短的寫法
這個是三元判斷式 A?B:C
A是一個布林值
如果A是true 整個算是就回傳B
如果是false 就回傳C
再來 應該要能在網頁上輸入數字 然後再輸出 比較方便
所以網頁畫面應該要有一個輸入框 一個按鈕
新增一個輸入框 還有按紐
接著想一下流程 Q:對程式碼撰寫順序來講 動作應該要怎麼排
A:按按鈕 取得輸入的數字 判斷
這句就是按按鈕會觸發什麼事件
先取得id = btn 的元素
然後幫他註冊一個 onclick事件
觸發的話會執行後面的 function
function(event)裡面的event也不一定要打成event 可以隨便設定
他就是一個變數 裡面會裝按按鈕的一些資訊
然後{}大括號內就是這個function函式的功能
document.getElemenById("score").value
這串就是取得score裡面的值
取得值之後先給他輸出
這時候網頁上的東西應該有功能了
輸入值 然後按按鈕
再來就可以把值拿來判斷
不過從document.getEementById('score').value; 得到的資料
是字串型態 不是數字型態 字串他沒辦法判斷大小
在下面多打一行 console.log(score) 然後在網頁執行
在網頁按F12 打開console 可以看到輸出 這是個很方便檢查值的方法
然後在這裡輸入 如圖↑ 輸入完按ENTER
旁邊多了 "" 所以這串東西得到的資料是字串
有個把字串轉成數字的方法
parseInt() 括號裡面放字串
把剛剛取得字串那句丟到parseInt()括號裡面 他就會轉成int整數了 之後就可以判斷大小
這個變數在這邊宣告 所以它的效力只有在這個{}大括號內 出了這個括號程式不認識score
剛剛是二選一判斷 除此之外還有多選一判斷
多選一長這樣 他會依序判斷下來
如果大於等於90 就執行第一個{}裡面的 後面的判斷就不會跑了
如果沒有滿足第一個 再繼續判斷第二個有沒有滿足
如果都不滿足 看看有沒有else 就執行裡面的
如果連else都沒有 那就不會執行 因為每個都不滿足
(score >= 60 && score < 90)這串東西
&& 就是and邏輯 兩邊都必須是true 他才會是true
or 就是 || 其中一邊符合就可以
因為>= 優先權高於 && || 所以不用括號
如果怕自己搞混 要括號也是可以
這是優先權 更詳細的網路上查
如果不想記這個 就用括號就好
還有一種多選一判斷 switch 用法在這裡
看自己方便用哪一種
再來for迴圈 下篇續
留言列表
