一般來說，完整的 JavaScript 包括以下幾個部分：
JavaScript 的基本特點如下：
首先先學習建立一個 JavaScript 的環境，環境建立如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<script src="js/all.js"></script>
</body>
</html>
通常我把 CSS 跟 JS 各自開一個資料夾來管理，讓根目錄保持整潔。
有一個地方要特別注意，如果把 <script> 標籤寫在 head 裡面的時候，會發現網頁不會有效果，反而一直停在原本的寫的畫面。然後打開 Chrome 檢查會看到 console 裡面會顯示下圖：
原因是網頁是從上往下閱讀，但如果發現在 head 就讀到 <script> 標籤時，因為找不到內容而無法順利顯示 JS ，所以常常會把 JS 寫在最後面就是這個原因。
簡單來說變數是用來儲存資料和進行運算的基本單位，可以將變數想像為一個用來存放資料的盒子。
使用變數時，需要先使用 var 這個語法，告訴電腦說：我現在要宣告一個變數
再來打上想要的變數名稱，就像這樣 var varName(下方範例的$為你要設定的值)。
EX.
命名一個變數是我的名字，就會這樣寫： var myName =$;
命名一個變數是號碼，就會這樣寫：var number = $;
變數的命名是自己定義的，但建議要有語意化，不然哪天回來修改程式碼，又沒有寫註解，就會忘記為什麼會這樣打，然後就會發生恐怖的事情。
另外維持一個習慣就是在每個程式碼結束後都打上一個分號。
通常使用變數會在 HTML 中會建立一個 id 來使用。
宣告要使用變數，還有命名之後，要給變數一個值，電腦才會知道這個變數的內容是什麼，呈現的內容稱作為值：
也就是一般的數字 0 ~ 9
沿用上方例子，var number = 8;,文字解釋為，宣告一個變數，其名稱為 number，數字值為 8。
可以使用這段語法將變數名稱呈現在網頁上
var number = 8
//建立變數
document.getElementById('number').textContent = number
//透過 textContent 控制 id 的內容，結果要等於變數名稱，getElementById 是抓取html的指定元素 ()裡面代表所抓取元素的 id
補充一下變數也可以執行數學運算
也就是文字，打中文也可以，但建議打英文，不然如果專案是國際專案，可能會變成亂碼。
打字串的時候要加上單引號或雙引號，不然電腦會不知道這個值是什麼。
沿用上方例子，var myName = "Tim";,文字解釋為，宣告一個變數，其名稱為 myName，字串值為 Tim。
可以使用這段語法將變數名稱呈現在網頁上
var myName = "Tim";
//建立變數，字串值要加上引號
document.getElementById('myName').textContent = myName
//透過 textContent 控制 id 的內容，結果要等於變數名稱
只有兩種值，true 跟 false
之後使用 if 判斷式會滿常被使用
還沒有給變數數值的時候會顯示的回傳資料，如果程式碼這樣寫：var number;
因為沒有給任何定義的數值，所以會回傳 undefined。
舉例
var number;
//沒有給值，所以會是 undefined
或是這樣也是一樣的結果
console.log(number); //因為前面沒有變數的值，結果會是 undefined
var number = 1;
iThome鐵人賽
看影片追技術