iT邦幫忙

2021 iThome 鐵人賽

DAY 7
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 7

[想試試看JavaScript ] 流程控制 if...else

流程控制

if..else

if...else 可以辦到到的是,「當符合條件,就自動執行程式」,語法如下
if(判斷){
若判斷的結果是正確的(true),則執行大括號區塊中的程式碼。
反之(false),則忽略此區塊
}

if(true){  // 判斷為 true,執行大括弧內的程式碼
    alert("Hello World");  // 執行程式碼,瀏覽器跳出警告視窗,顯示"Hello World"
}
if(false){ // 判斷為 false,忽略括號內的程式碼
    alert("False") // 不執行
}

除了 if 另外我們可以加上 else,當 if 的區塊判斷為 false 時,就會執行 else 區域的語法
if(判斷){
若判斷的結果是正確的(true),則執行大括號區塊中的程式碼。
反之(false),則忽略此區塊
}else{
當 if 的判斷為 false ,就執行 else 區域的語法
}

if(false){ // 判斷為 false,忽略括號內的程式碼
    alert("False") // 不執行
}else{
    alert("else"); // 執行 else
}

我們也可以搭配前面的比較運算子,這樣使用if..else

if(4>3){ 
    alert("OK");
}

4大於3回傳true
執行 alert("OK");
甚至我們可以搭配變數

var n=prompt("輸入一個大於3的數","");
if(n>3){
    alert(n+"大於3")
}

第一行:prompt() 讓使用者輸入一個值,並將值回傳並指定給 n
第二行:如果 n>3 就執行 if 的程式碼,跳出警告視窗


上一篇
[想試試看JavaScript ] 運算子 (算術運算子)
下一篇
[想試試看JavaScript ] 流程控制 迴圈
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30

尚未有邦友留言

立即登入留言