JavaScript 入門：按鈕點擊顯示日期，修正事件綁定與日期格式化

原始碼 onclick="displayDate()" 未傳參數，但函式定義 displayDate(id1) 需要參數，導致 document.getElementById(id1) 拋錯。

修正版

<!DOCTYPE html>
<html><body>
<button onclick="displayDate()">顯示日期</button>
<p id="demo"></p>
<script>
function displayDate() {
    document.getElementById("demo").textContent = new Date().toLocaleString();
}
</script>
</body></html>

改進說明

• 移除不必要的參數，直接在函式內取得目標元素。
• 使用 textContent 而非 innerHTML，防止 XSS。
• toLocaleString() 依瀏覽器語系顯示完整日期時間，比 Date() 更易讀。

進階：分離事件綁定

<button id="btn">顯示日期</button>
<script>
document.getElementById("btn").addEventListener("click", () => {
    document.getElementById("demo").textContent = new Date().toLocaleString();
});
</script>

採用 addEventListener 讓 HTML 結構與行為分離，是現代前端最佳實踐。