javascript - 如何在按钮上使用尚不存在的功能

很抱歉打扰您，但我需要建议。所以这是我的问题：

我有一个包含按钮的页面，我们称它为BoutonA。

当我单击BoutonA时，将创建第二个按钮，我们将其称为BoutonB。

我可以在Wordpress上使用Javascript帮忙！

我想在单击BoutonB时启动一个功能。问题是脚本启动时，BoutonB还不存在。
这是一个小图，希望您喜欢我的绘画技巧


这是我的尝试：

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

   openStream()
}

if (boutonB.length < 1) {

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

  openStream()
}

非常感谢你的帮助 ！
我学习JS，因此，如果您有任何建议，我会接受！
编码愉快！

最佳答案

您可以这样做，希望这个答案对您有所帮助。

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