Javascript Day1 先講好規則

📝 TL;DR：JavaScript 基礎入門。學會宣告變數（let 用到底）、輸入輸出（prompt/console.log/alert）、四則運算、型態轉換、邏輯判斷式。新手第一篇，30 分鐘搞定。

宣告變數

方法	解釋
var	宣告全域變數
let	宣告區域變數
const	宣告常數

反正就是let用到底就對了

輸入 & 輸出

const msg = prompt() // 會跳出一個彈跳視窗可以 輸入 值

console.log(msg) // 在F12裡 印出 msg 的值

alert(msg) // 出現一個彈跳視窗(包含 msg 裡的值)

四則運算

符號	方法	範例
+	加法	2 + 2
-	減法	3 - 2
*	乘法	3 * 2
**	次方	2 ** 2
/	除法	4 / 2
%	取餘數	4 % 2

型態

名稱	範例
字串 String	"Hi"、"1"、"0"
數字 Int	0、1、2、3
浮點數 float	1.2、1.0
布林 Boolean	true、false、0、1
物件 Object	{key:value}
陣列 Array	['hi',123,['hi'],{'O':'X'}]

邏輯判斷式

各種判斷	結果	解釋
1 == 1	true	1 等於 1 所以 true
1 == 2	false	1 不等於 2 所以 false
1 != 2	true	!= 是不等於的意思
1 == '1'	true	== 是不嚴謹等於
1 === '1'	false	===是嚴謹等於

如何開始撰寫

<html>
    <body>
        <h1>hi</h1>
        <p>hello, world!</p>
       
        <script>
            // 在這裡撰寫 javascript
            console.log('hi')
        </script>  
    </body>
</html>

牛刀小試

1. 輸入john，輸出Hello, john； 輸入lucas，輸出Hello, lucas；

2. 輸入數字2，輸出除以2的餘數0； 輸入數字3，輸出除以2的餘數1；

3. 輸入數字n，如果是2的倍數 輸出true，不然false

看答案

Q1

const a = prompt('請輸入文字：')
console.log('Hello,',a)

Q2

const a = prompt('請輸入數字：')
console.log(a % 2);

Q3

const a = prompt('請輸入數字：')
console.log(a % 2 === 0);