事件处理

<input type="text" id="input" placeholder="输入实时显示">
<p id="output">等待输入...</p>
<button id="btn">计数按钮</button>
<p id="count">点击次数：0</p>

<script>
let count = 0;

// input 事件：实时显示
document.getElementById("input").addEventListener("input", function(e) {
    document.getElementById("output").textContent = "你输入了：" + e.target.value;
});

// click 事件：计数器
document.getElementById("btn").addEventListener("click", function() {
    count++;
    document.getElementById("count").textContent = "点击次数：" + count;
});

// 表单提交阻止默认行为
document.addEventListener("submit", function(e) {
    e.preventDefault();
    alert("已阻止表单默认提交");
});
</script>