JS
廖姸惁
目錄
JS
<script src="scripts/main.js"></script>將這行放在HTML的</body>裡面
變數
JS變數
變數是可以用來儲存數值的容器。要宣告一個變數,首先要用關鍵字 let 來開頭,並在後面輸入你想要用來呼叫它的名字:
let myVariable;在 JavaScript 檔案內的每行內容都需要在結尾加上分號
JS變數
宣告了一個變數之後,你可以為她指定一個數值:
myVariable = "Bob";你可以呼叫這個變數的名字來取得這個值:
myVariable;如果你有需要,你也可以在一行之內同時做完這兩件事情:
let myVariable = "Bob";當你把一個數值指定給一個變數之後,你也可以再次改變它:
let myVariable = 'Bob';
myVariable = 'Steve';JS變數
變數有不同的資料型態:
| 變數 | 說明 | 範例 |
| String | 字串 | let myVariable = 'Bob'; |
| Number | 數值 | let myVariable = 10; |
| Boolean | 布林值 | let myVariable = true; |
| Array | 陣列 | let myVariable = [1,'Bob','Steve',10]; myVariable[0]; |
| Object | 物件 | let myVariable = document.querySelector('h1'); |
註解
JS註解
跟CSS一樣
/*
Everything in between is a comment.
*/// This is a comment運算子
JS運算子
| 運算子 | 說明 | 符號 | 範例 |
| 相加/連接 | 將兩個數字相加或是將兩個字串連接在一起 | + | 6 + 9; 'Hello ' + 'world!'; |
| 減、乘、除 | 跟基礎數學計算相同 | -, *, / | 9 - 3; 8 * 2; 9 / 3; |
| 指定運算子 | 將一個數值指定給一個變數 | = | var myVariable = 'Bob'; |
| 等價運算子 | 測試兩個數值是否相等,並且回傳一個 true/false 的結果 | === | var myVariable = 3; myVariable === 4; |
基本變數宣告
請宣告兩個變數 a 和 b,分別為 10 和 5,並輸出它們的總和。
let a = 10;
let b = 5;
console.log(a + b); // 15實作
實作 四則運算
已知:
let x = 20;
let y = 4;請輸出xy這兩個數的:
- 加法
- 減法
- 乘法
- 除法
解答
let x = 20;
let y = 4;
console.log(x + y); // 24
console.log(x - y); // 16
console.log(x * y); // 80
console.log(x / y); // 5實作 複合運算子
let score = 50;請讓 score:
- 加 10
- 乘以 2
解答
let score = 50;
score += 10; // 60
score *= 2; // 120
console.log(score);THANKS
JS
By ys
JS
- 0