HTML/JS 頁面加載即彈出 Alert：事件綁定寫法錯誤導致立即執行

問題代碼

<button id="but">按鈕</button>
<script>
    var but = document.getElementByid("but");
    but.onclick = demo(); // 錯誤寫法
    function demo() {
        alert("事件處理");
    }
</script>

錯誤原因

`but.onclick = demo()` 會立即執行 `demo()` 並將其返回值（undefined）賦給 `onclick`。正確寫法是賦予函數引用：`but.onclick = demo`（不加括號）。

正確寫法對比

修正後完整代碼

<button id="but">按鈕</button>
<script>
    // 注意：getElementById 大小寫敏感
    var but = document.getElementById("but");
    but.onclick = demo; // 無括號
    function demo() {
        alert("事件處理");
    }
</script>

補充提示

• `document.getElementByid` 拼寫錯誤，正確是 `getElementById`（I 大寫）。
• 建議將腳本放在 `</body>` 前或使用 `DOMContentLoaded` 確保 DOM 就緒。
• 現代開發推薦 `addEventListener`，支持多監聽器，避免覆蓋。