Много кнопок и одно событие [дубликат]

Вам может помочь всплытие событий. При наступлении события обработчики сначала срабатывают на самом вложенном элементе, затем на его родителе, затем выше и так далее, вверх по цепочке вложенности. детальнее

соответственно можно сделать что то подобное

const handler = event => alert(event.target.name)

<div onclick="handler(event)"> 
  <button name="one">one</button> 
  <button name="two">two</button> 
  <button name="three">three</button> 
</div>

При таком подходе Вы можете добавлять сколько угодно кнопок (товаров) которые не будут ничего знать о том как их обрабатывают