Задача: при клике на текстовую фразу - включается обработчик событий addEventListener, меняющий её через innerHTML + добавление новой кнопки.
Сложность: новую кнопку не видит, соответственно не могу ей присвоить новый обработчик событий addEventListener ( ), например alert () или иной функционал.
<div class="product">
<span class="productName">Товар 1</span>
<p>Описание товара</p>
</div>
<script>'use strict';
let pro = document.querySelector('.product');
//Добавить новый текст+ кнопку->
let p= function pp(){
pro.innerHTML = `
<div>Другой товар</div>
<div>Другое описание</div>
<button>Удалить</button>
`
}
//реакция на клик = вызов функции рр()
pro.addEventListener('click', p);
//отсюда не хочет видеть кнопку из функции pp()
let bt = document.querySelector ('button')
bt.addEventListener ('click', function (){
alert ('Тест срабатывания новой кнопки')
})