宇宙的起源 Hellow World!
透過 html 直接使用,

<script>
    console.log('sui');
    // 可透過 Chrome Console 檢視
    // 也可透過 Chrome Console 直接撰寫 js 
</script>

透過 html 讀取 js 檔程式碼,使用src,

<script src="script.js"></script>

JavaScript Primitive Data Type (原始值)
物件以外的所有值，都是原始定義的值（不能被改變）
註:JavaScript 是弱型別(動態程式語言), 不必宣告變數型別 -> 程式運作時, 型別會自動轉換

1. Number : 浮點數
2. String : 字串

• String.substr() -> 抓取字母
• • or String.concat() -> 連接

3. Boolean : true or false
4. Undefined : undefined, 未被定義
5. Null : null, non-exist

Undefined vs Null

Undefined 案例

• 宣告變數, 但沒有指定值
• 呼叫 Function 遺漏參數
• 使用物件所沒有的屬性

Null案例

• 沒有值

在 if 判斷時, 皆已 false 呈現, 透過 == 判斷,

console.log(null == undefined); // true

透過 === 判斷,

console.log(null === undefined); // false
// null = object
// undefined = undefined

小結 :
null：會有一個值, 但這個值目前還沒準備好的意思, 所以先填入 null -> 預設
undefined：沒有這個東西, 無法使用 -> 未定義

小實作
彈窗

alert('Hellow World!');

問答框 + 彈窗

var age = prompt('How old are you');
alert('Your age is' + age + '!');

補充 : 課程看到一個不錯的比喻~
HTML = NOUNS 名詞 -> Content
CSS = ADJECTIVES 形容詞 -> Presentation
JS = VERBS 動詞 -> Dynamic Effects/Programming

新手練功中, 歡迎指教、點評~
提醒自己要隨儲存草稿，差點因為亂按第二天就失敗了

課程 : https://www.udemy.com/course/the-complete-javascript-course/
來源 :
https://sweeteason.pixnet.net/blog/post/43007183-javascript-%E5%9F%BA%E7%A4%8E%E6%89%93%E5%BA%95%E7%B3%BB%E5%88%97-%28%E4%BA%8C%29---%E9%97%9C%E6%96%BC-null%E3%80%81undefine
https://www.jstips.co/zh_tw/javascript/differences-between-undefined-and-null/
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Data_structures