iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0
Modern Web

訂單網頁嘗試集系列 第 18

{Day18} 小公主訂單網頁嘗試集_第十八集_javascript__boolean

  • 分享至 

  • xImage
  •  

Blue Monday again!
沒事ㄉ,我們今天的進度延續前兩天的基本語法,今天來介紹boolean(布林值)

布林值是什麼概念呢?

boolean呈現方式為以下兩種:
true 真
false 假

那false 的情況有以下五種

  • null
  • 數值 0
  • NaN
  • 空字串 ''
  • undefined

x = 100;
Boolean(x); // true

x = '';
Boolean(x); // false

x = 'hi';
Boolean(x); // true

x = null;
Boolean(x); // false

boolean程式碼:

<body>
    
    <p id="demo"></p>
    

    <script>
        let x = "";
        let x2='hi';
        let x3=null;
        document.getElementById("demo").innerHTML =
        "100 is " + Boolean(100) + "<br>" +
        "'' is " + Boolean("") + "<br>" +
        "hi is " + Boolean(x2) + "<br>" +
        "null is " + Boolean(x3) + "<br>"       
    </script>
</body>

網頁呈現:

https://ithelp.ithome.com.tw/upload/images/20221003/20151423elcxzG4Hf4.png

另外
網頁呈現:
小公主遇到瓶頸了!當我將javascript開成另個檔案連接的時候,會出現奇怪錯誤 qwq
live reload enabled 到底什麼鬼(他就真的看起來很討厭ㄟ!氣死!)

https://ithelp.ithome.com.tw/upload/images/20221003/20151423OQgX3q2HVI.png

參考資料:
https://www.fooish.com/javascript/boolean.html
https://medium.com/tkd-giant/javascript-%E5%85%A5%E9%96%80-84c4cb12d083


上一篇
{Day17} 小公主訂單網頁嘗試集_第十七集_javascript_number
下一篇
{Day19} 小公主訂單網頁嘗試集_第十九集_javascript下拉式選單
系列文
訂單網頁嘗試集30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言