JavaScript添加事件监听器

我已经用javascript制作了html。我们如何找出按下了哪个删除按钮

<div id="maindiv">        
    <div id="product_1">
        <input placeholder="Add Product Name" type="text">
        <input placeholder="Cost per unit" type="number">
        <input placeholder="Number of products" type="number">
        <button id="delete_1">Delete</button>
    </div>
    <div id="product_2">
        <input placeholder="Add Product Name" type="text">
        <input placeholder="Cost per unit" type="number">
        <input placeholder="Number of products" type="number">
        <button id="delete_2">Delete</button>
    </div>
</div>

删去
删去

使用

此

var btn=document.queryselectoral（'button'））
btn.forEach（功能（项目）{
item.addEventListener（'单击'，函数（））{
log（'clicked id:'+this.id）；
});
});

删去
删去
您可以试试这个。希望这有帮助


var buttons=document.getElementsByTagName（“按钮”）；
对于（var i=0；i找出谁？？？EventListner在哪里？是的，这正是正确的。在“删除”按钮上添加事件侦听器，找到产品ID并执行删除