如何为委托选择器和直接选择器编写更短的事件？

<div id="parent">
  <button class="btn">按钮1</button>
  <button class="btn">按钮2</button>
  <button class="btn">按钮3</button>
</div>

// 使用事件委托
document.getElementById('parent').addEventListener('click', function(event) {
  if (event.target.classList.contains('btn')) {
    // 处理按钮点击事件
    console.log('按钮被点击了');
  }
});

// 使用直接选择器
var buttons = document.getElementsByClassName('btn');
for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener('click', function() {
    // 处理按钮点击事件
    console.log('按钮被点击了');
  });
}