用js为页面中的四个按钮绑定同一个事件处理函数，在事件处理函数中显示被点击按钮的文本内容，要求有不同的两个方法实现

方法一：

HTML代码：

<button id="btn1">按钮1</button>
<button id="btn2">按钮2</button>
<button id="btn3">按钮3</button>
<button id="btn4">按钮4</button>

JavaScript代码：

function handleClick(event) {
  console.log(event.target.textContent);
}

document.getElementById("btn1").addEventListener("click", handleClick);
document.getElementById("btn2").addEventListener("click", handleClick);
document.getElementById("btn3").addEventListener("click", handleClick);
document.getElementById("btn4").addEventListener("click", handleClick);

方法二：

HTML代码：

<button onclick="handleClick(this)">按钮1</button>
<button onclick="handleClick(this)">按钮2</button>
<button onclick="handleClick(this)">按钮3</button>
<button onclick="handleClick(this)">按钮4</button>

JavaScript代码：

function handleClick(btn) {
  console.log(btn.textContent);
}