使用addEventListener進行用戶交互主要包括以下幾個步驟：
document.querySelector或document.getElementById等方法來獲取頁面中的元素。addEventListener方法將事件監聽器函數綁定到指定的元素和事件上。你需要提供兩個參數：第一個參數是事件名稱（不包括on前綴），第二個參數是要綁定的事件監聽器函數。下面是一個簡單的示例，演示如何使用addEventListener實現按鈕點擊事件的處理：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>addEventListener Example</title>
</head>
<body>
<button id="myButton">Click me!</button>
<script>
// 獲取按鈕元素
var button = document.getElementById('myButton');
// 定義事件監聽器函數
function handleClick() {
alert('Button clicked!');
}
// 使用addEventListener方法將事件監聽器函數綁定到按鈕的點擊事件上
button.addEventListener('click', handleClick);
</script>
</body>
</html>
在這個示例中，我們首先通過document.getElementById方法獲取了按鈕元素，并定義了一個名為handleClick的事件監聽器函數。然后，我們使用addEventListener方法將handleClick函數綁定到按鈕的點擊事件上。當用戶點擊按鈕時，就會彈出一個包含“Button clicked!”消息的警告框。
