什麼是 JavaScript ?
JavaScript 是網頁開發的基礎語言之一，與 HTML、CSS 共同構成現代網頁。JavaScript 讓靜態的網頁能夠產生互動效果，回應使用者的操作。無論是表單驗證、動態內容顯示，或是複雜的單頁應用程式，JavaScript 都扮演著關鍵角色。
JavaScript 在網頁中的位置
在網頁開發中，我們透過 <script> 標籤來引入 JavaScript 程式碼，這可以分為內部和外部兩種方式：
內部 JavaScript
內部引用是直接將 JavaScript 程式碼寫在 HTML 檔案中的<script> 標籤內。最好是將其放在 <body> 標籤的最底部，這樣可以確保 HTML 內容先被載入和渲染，然後才執行 JavaScript 程式碼：<!DOCTYPE html>
<html>
<head>
<title>JavaScript 示範</title>
</head>
<body>
<h1>歡迎來到 JavaScript 世界</h1>
<!-- 頁面的主要內容 -->
<script>
// 這裡是 JavaScript 程式碼
console.log("這是內部 JavaScript");
</script>
</body>
</html>
外部 JavaScript
外部引用則是將 JavaScript 程式碼存放在獨立的 .js 檔案中，同樣建議在 <body> 結束前引入：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 示範</title>
</head>
<body>
<h1>歡迎來到 JavaScript 世界</h1>
<!-- 頁面的主要內容 -->
<!-- 引入外部 JavaScript 檔案 -->
<script src="script.js"></script>
</body>
</html>
console.log("這是外部 JavaScript");
JavaScript 註解撰寫方式
在撰寫 JavaScript 程式碼時，註解是提高程式碼可讀性的重要元素。JavaScript 支援兩種註解方式：
單行註解
使用雙斜線 // 來註解單行內容，單行註解適合用於簡短說明或暫時停用單行程式碼：
// 這是一個單行註解
let name = "小明"; // 這也是一個單行註解，說明變數用途
多行註解
使用 /* 開始和 */ 結束來註解多行內容，多行註解適合用於函式說明、檔案頭部資訊或需要較詳細解釋的複雜邏輯：
/*
這是一個多行註解
可以跨越多行來撰寫較長的說明
或是暫時停用一大段程式碼
*/
let result = calculate(/* 這裡也可以插入註解 */ 10, 20);
console.log()
console.log() 是你學習 JavaScript 最先接觸的函式之一。它的功能簡單明確：將內容輸出到瀏覽器的開發者工具控制台（Console）中，是開發過程中除錯與測試的好幫手。
console.log("哈囉，世界！"); // 輸出字串
console.log(42); // 輸出數字
console.log(true); // 輸出布林值
let userName = "小華";
console.log("使用者名稱:", userName); // 輸出「使用者名稱: 小華」
console.log([1, 2, 3]); // 輸出陣列
console.log({name: "小明", age: 25}); // 輸出物件
結語
JavaScript 作為網頁互動的重要技術，熟練掌握它是所有網頁開發者必須要做的。隨著你對 JavaScript 的理解逐漸深入，你就能創造出互動性強的網頁。