Как использовать функцию для кнопки, которая еще не существует

Question

Извините, что беспокою вас, но мне нужны советы. Итак, вот моя проблема:

У меня есть страница, которая содержит кнопку, назовем ее BoutonA.

Когда я нажимаю на BoutonA, создается вторая кнопка, назовем ее BoutonB.

Я работал в Javascript на Wordpress, если это может вам помочь!

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

Вот мои попытки:

while(document.body.contains(BoutonB)){

   openStream()
}

if (boutonB.length < 1) {

  console.log("don't work");
}
else {

  openStream()
}

Большое спасибо за вашу помощь! Я учу JS, поэтому, если у вас есть какие-либо советы, я возьму это! Удачного кодирования!

Answer 1

Вы можете сделать это, надеюсь, этот ответ поможет вам.

document.addEventListener('click',function(e){
    if(e.target && e.target.id== 'button-b'){
          //do something
          openStream();
    }
});

Answer 2

Не совсем уверен, но вы не можете связать функцию с кнопкой? Вместо добавления прослушивателя событий.

<button onclick="openStream()">Im button b</button>