“Модальный всплывающий HTML CSS” Ответ

Модальный всплывающий HTML CSS

	
    <button class="trigger">Click here to trigger the modal!</button>
    <div class="modal">
        <div class="modal-content">
            <span class="close-button">×</span>
            <h1>Hello, I am a modal!</h1>
        </div>
    </div>
	
Anthony Smith

Модальный всплывающий HTML CSS

	
    var modal = document.querySelector(".modal");
    var trigger = document.querySelector(".trigger");
    var closeButton = document.querySelector(".close-button");

    function toggleModal() {
        modal.classList.toggle("show-modal");
    }

    function windowOnClick(event) {
        if (event.target === modal) {
            toggleModal();
        }
    }

    trigger.addEventListener("click", toggleModal);
    closeButton.addEventListener("click", toggleModal);
    window.addEventListener("click", windowOnClick);
	
Anthony Smith

Ответы похожие на “Модальный всплывающий HTML CSS”

Вопросы похожие на “Модальный всплывающий HTML CSS”

Больше похожих ответов на “Модальный всплывающий HTML CSS” по HTML

Смотреть популярные ответы по языку

Смотреть другие языки программирования