JavaScript - 開始的程序
各位有志於成為程序員的朋友，大家好！歡迎來到令人興奮的JavaScript世界。我很興奮能成為你們這次旅程的導師。作為一個教導編程多年的老師，我可以告訴你們，寫下自己的第一個程序那種感覺是無與倫比的。所以，讓我們一起跳進水中，共同創建我們的第一个JavaScript程序——經典的"Hello World"！
在JavaScript中撰寫"Hello World"程序
在開始編碼之前，我們先來談談在編程中"Hello World"意味著什麼。它是一個簡單的程序，輸出文字"Hello World"，通常被用作初學者學習新編程語言的第一步。就像是向編程世界問候！
現在，在JavaScript中，有許多方法可以創建這個程序。我們將探討每一種方法，我保證，在這個教學結束時，你將會用多種方式說出"Hello World"！
使用document.write()
讓我們從最簡單的方法開始：document.write()。這個函數直接將內容寫入你的HTML文件。
<html>
<body>
<script>
document.write("Hello World!");
</script>
</body>
</html>這段代碼中發生了什麼：
- 我們從基本的HTML標籤（
<html>和<body>）開始。 - 我們使用
<script>標籤告訴瀏覽器我們即將編寫一些JavaScript。 - 在腚本中，我們使用
document.write()來輸出我們的訊息。
當你在瀏覽器中打開這個文件時，你會看到頁面上顯示"Hello World!"。簡單吧？
使用alert()方法
接下來，我們有alert()方法。這會創建一個帶有我們訊息的彈出框。
<html>
<body>
<script>
alert("Hello World!");
</script>
</body>
</html>當你運行這個代碼時，你會看到一個帶有"Hello World!"的彈出框。就像是你的程序跳出來向你問候！
使用console.log()
現在，讓我們嘗試一些更"幕後"的方法，使用console.log()。這個方法將訊息打印到瀏覽器的控制台，這是開發者用於除錯的工具。
<html>
<body>
<script>
console.log("Hello World!");
</script>
</body>
</html>要看到這個效果，你需要打開瀏覽器的開發者工具（通常是通过按F12鍵）並查看控制台標籤。在那裡，你會看到你的"Hello World!"訊息。
使用innerHTML
最後，我們來看看innerHTML。這個屬性允許我們設定元素的HTML內容。
<html>
<body>
<h1 id="greeting"></h1>
<script>
document.getElementById("greeting").innerHTML = "Hello World!";
</script>
</body>
</html>讓我們分解一下：
- 我們創建了一個帶有id為"greeting"的
<h1>元素。 - 在我們的腚本中，我們使用
document.getElementById("greeting")來找到這個元素。 - 然後我們設定它的
innerHTML為我們的"Hello World!"訊息。
當你運行這個代碼時，你會看到頁面上作為標題顯示的"Hello World!"。
比較這些方法
現在我們已經看到了所有這些方法，讓我們在便利的表格中比較它們：
| 方法 | 可見性 | 使用案例 |
|---|---|---|
| document.write() | 頁面上可見 | 快速測試，但不建議用於生產環境 |
| alert() | 彈出框 | 吸引用戶注意，除錯 |
| console.log() | 瀏覽器控制台 | 除錯，對普通用户不可見 |
| innerHTML | 頁面上可見 | 動態改變頁面內容 |
每種方法都有其適用的場合，隨著你作為開發者的成長，你將學會何時使用每一種。
在我多年的教學中，我發現學生們經常在第一次看到他們的代碼變活時有個"啊哈！"的時刻。我記得有一個學生在她的第一个"Hello World"程序那麼興奮，她立刻將其改為"Hello Universe"，然後又是"Hello Multiverse"! 這就是編程的美妙之處——一旦你開始，你的想象力就是唯一的限制。
記住，每個專家都曾經是初學者。關鍵在於不斷練習和嘗試。嘗試修改這些範例——改變訊息，組合方法，或者添加一些HTML樣式。你對代碼的把玩越多，你就會越熟悉。
JavaScript是一種功能強大且無限可能性的語言。這個"Hello World"程序只是你編碼冒險的開始。隨著你繼續學習，你會驚訝於你能夠創造出什麼——從互動網站到複雜應用程序。
所以，你準備好向JavaScript世界問候了嗎？我迫不及待想看到你會創建出什麼！
Credits: Image by storyset