Переиспользуемое модальное окно без REACT
 

Как можно сделать переиспользуемое модальное окно на чистом JS? На React это легко сделать + есть даже видео на ютубе.

На React внутри модального она используют {children}

<div class="modal" id="modal">
    <div class="modal__container">
           [B]И тут сам контент[/B]
    </div>
</div>

Дык!

ksa,
Извиняюсь, но у меня браузер Яндекс не поддерживается :(

Модальное окно непросто сделать. Код большой.

voraa,
Сложно создать модальное окно? Или переиспользование? Что именно

Я не слишком знаю, что такое переиспользуемое, но модальное окно должно полностью брать на себя все действия пользователя. И мышь, и клавиатура... Пока окно не закрыто, все действия возможны только с ним. Т.е необходимо заблокировать действия пользователя со страницей. Ни нажатия кнопок, ни скроллинг, ни нажатия клавиш. Даже смена по нажатию TAB должна осуществляться только в этом окне. Ну как в окне alert. Пока не закрыл, ничего другого сделать невозможно.
На автомате этого не получишь, все это надо программить.

А если этого нет, то это просто какое то окно, но не модальное.

Вот несколько ссылок оттуда...
https://xakplant.ru/2018/11/19/мо�...�ызвать/
https://smartlanding.biz/kak-sdelat-...-na-sajte.html
https://addmorescripts.github.io/hys.../index_ru.html

Вы не правильно меня поняли. Мне не нужно объяснение как делать модальное окно, я это умею уже. Я хочу узнать как для одного модального окна менять контент (картинка,кнопки,текст в общем информация которая показывает модальное окно). То-есть переиспользование

В примерах, что я дал ссылки, как раз и показано как такое "окно" можно переиспользовать...

Просто меняешь один контент на другой.