Html 如何使用javascript在单击按钮/图标时弹出窗口

我已经做了一个聊天机器人，现在我已经在本地服务器上托管了它

我想把它嵌入我的网站，所以我想要的是一个按钮/图标，就像这个例子一样，在网站的右下方悬停

点击它，它会在网站上弹出一个聊天机器人窗口。我应该怎么做呢

---

基本上，您将拥有两件东西，弹出窗口和触发器：

<div class="popup">
   ... Popup Stuff
</div>
<button>Click Me</button>

<div class="popup">
   <iframe src="http://wherever"/>
</div>
<button>Click Me</button>

const button = document.querySelector('button');
const popup = document.querySelector('.popup');

button.addEventListener('click', ()=>{
  popup.style.display === 'none' ? popup.style.display = 'block' : popup.style.display = 'none';
})