iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
0
Modern Web

菜鳥網頁基礎系列 第 28

菜鳥網頁基礎DAY28

  • 分享至 

  • xImage
  •  

條件分支(if),if 他混根據某種條件來判斷他要執行哪一項,如果條件是 true 他就會執行,如果為 false 他就不執行或是執行 else。

在測試 if 之前我們先來測試一下 window.confirm,它會在畫面上顯示確認對話框,他跟 alert 不一樣的地方是它會出現確認或是取消的方塊,當我點確定他會回傳一個 true 到主控台,相反的點取消的話她會回傳 false。

他會回傳的原因是因為 confirm 的關係,confirm 他的任務就是回傳 true 或 false 的數值讓只用者知道。

console.log(window.confirm('遊戲開始'))

https://ithelp.ithome.com.tw/upload/images/20201009/201295355T8H1lLFIY.png
https://ithelp.ithome.com.tw/upload/images/20201009/20129535A42a4wug3S.png
https://ithelp.ithome.com.tw/upload/images/20201009/20129535lUc3W3Wlt8.png

那接下來就可以使用 if 條件句,confirm() 後面的括號是要輸入顯示的訊息,當我選確定的時候條件會成立,他就會選擇 "是的,船長",因為確定就是 true,當我選擇取消他就會顯示 "還是,船長",因為取消就是 false 條件就不會成立。

if (window, confirm("準備好了嗎孩子們?")) {
    console.log('是的,船長');
} else {
    console.log("還沒,船長");
}

https://ithelp.ithome.com.tw/upload/images/20201009/20129535lorCvrqVh2.png

https://ithelp.ithome.com.tw/upload/images/20201009/20129535jIyyIK2UBo.png
https://ithelp.ithome.com.tw/upload/images/20201009/20129535izRNLwWbCa.png


上一篇
菜鳥網頁基礎DAY27
下一篇
菜鳥網頁基礎DAY29
系列文
菜鳥網頁基礎30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言