請先在自己的電腦桌面或其它您自己習慣的位置，建立一個 javascript 資料夾，然後使用編輯器(老師是使用 Atom 編輯器)開啟該資料夾，如下圖：
然後在 javascript 資料夾裡，建立一個 practice 資料夾。
然後在 practice 資料夾裡，建立一個 index.html 檔案。
編輯 index.html，原始碼如下，可直接複製貼上，原始碼需整齊：
將 index.html 用瀏覽器開啟，並開啟開發者工具中的 console(Mac: cmd + option + i 或 Windows: F12)，畫面如下：
Last updated
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>這是段落</p>
<!-- 寫在 body 結束標籤之前 -->
<script>
// 變數宣告及賦值(assign)
var a = 1;
var b = 2;
var c = a + b;
// 在瀏覽器中的 console 印出
console.log("a 值是 " + a);
console.log("b 值是 " + b);
console.log("c 值是 a + b，結果變成 " + c);
console.log("");
// for 迴圈
for(var i = 0; i < 3; i++){
console.log("執行第 " + (i + 1) + " 次迴圈。");
c++; // c++ 等同於 c = c + 1
console.log("因為 c++ ，所以 c 的值變成 " + c);
if(c >= 6){
console.log("c 有大於等於 6");
}else{
console.log("c 沒有大於等於 6");
}
console.log("");
}
console.log("程式結束。");
</script>
</body>
</html>