JAVASCRIPT

how to make a popup in javascript -html

// Alert
window.alert("something");
// Confirm
window.confirm("something");
// Prompt
window.prompt("something", "default text");

//source: https://www.codingem.com/javascript-popup-boxes/

popup in browser js

alert("Hello World!");
const result = prompt(message, default_value);
const result = confirm(message);

popup javascript

alert("This page uses cookies.");

make popup js

function popup(url, width, height) {
    var left = (screen.width/2)-(width/2);
    var top = (screen.height/2)-(height/2);
    return window.open(url, '', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+width+', height='+height+', top='+top+', left='+left);
}

javascript for pop up

<script> 
        function myFunction() {
            var r = confirm("OK to delete?");
            if ($r == false) {
                return false;
                } 
        }
    </script>

popup javascript

const show_popup = () => {
    const popup = $(".popup");
    const popupItems = document.querySelectorAll(".popup__item");
    const popupWrap = $(".popup__wrap");
    const popupOverlay = $(".popup__overlay");
    const popupClose = $(".popup__close");
    const btnsPopup = $$(".btn_popup");
  
    btnsPopup.forEach((btn) => {
        btn.addEventListener(["click"], () => {
            showPopup(btn.getAttribute("data-popup"));
        });
    });
  
    const showPopup = (index) => {
        popupItems.forEach((popup) => {
            popup.classList.remove("show_data");
        });
        popup.style.display = "block !important";
        $(`.popup__item[data-popup="${index}"]`).classList.add("show_data");
        popupWrap.classList = `popup__wrap popup__wrap--${index}`;
        setTimeout(() => {
            popup.classList.add("show_data");
        }, 10);
    };
    const closePopup = () => {
        popup.classList.remove("show_data");
        setTimeout(() => {
            popup.style.display = "";
            popupWrap.classList = `popup__wrap`;
        }, 500);
    };

    popupOverlay.addEventListener("click", closePopup);
    popupClose.addEventListener("click", closePopup);

};
show_popup();