как открыть окно при нажатии кнопки / значка с помощью JavaScript

Question

Я создал чат-бота, сейчас я разместил его на локальном сервере.

Я хочу встроить его в свой веб-сайт, так что именно то, что я хочу, это что-то вроде кнопки / значка, парящих в правой нижней части веб-сайта, как в этом примере.

И при щелчке по нему должно открыться окно чата над сайтом. Как мне поступить, чтобы сделать это

Answer 1

По сути, у вас будут две вещи: всплывающее окно и триггер:

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

Если всплывающее окно размещается на странице, на которой вы находитесь, вы можете использовать iframe во всплывающем окне.чтобы отобразить его:

<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';
})