将子元素赋值给单击函数的变量

// HTML结构
<div id="parent">
  <button id="child1">Button 1</button>
  <button id="child2">Button 2</button>
</div>

// JavaScript代码
const parent = document.getElementById('parent');
const child1 = document.getElementById('child1');
const child2 = document.getElementById('child2');

// 将子元素赋值给单击函数的变量
const handleClick = (event) => {
  if (event.target === child1) {
    console.log('Button 1 clicked');
    // 处理Button 1的点击事件
  } else if (event.target === child2) {
    console.log('Button 2 clicked');
    // 处理Button 2的点击事件
  }
};

// 将变量作为父元素的单击事件处理函数
parent.addEventListener('click', handleClick);