Попытка выбрать элемент `button` для добавления события onClick

Question

Как мне выбрать элемент button для добавления события onClick? Я пытаюсь изменить «добавить» на «готово» при каждом нажатии.

function shoppingData(datas) {
   datas.forEach((data) => {
        wrap.innerHTML += `<tr>
                             <td><button>${add}</button></td>
                          </tr>`
   })
}

Answer 1

Надеюсь, это поможет

var boton = document.querySelector("#boton");
boton.addEventListener('click', () => alert('Button clicked'));

<button id="boton"> Click me </button>

Answer 2

Если я правильно понимаю ваш вопрос, все, что вам нужно сделать, это следующее:

$(document).on('click','button',function(){
   [your function]
})

Это захватит все кнопки на странице и позволит вам внести в них любые изменения, которые вы хотите.