window.open() example

https://otvet.mail.ru/question/217542509

by DimonDevelop

HTML

<button class="open">OPEN</button>
<button class="alert">ALERT</button>
<button class="close">CLOSE</button>

JavaScript

let newWindow = null;
    const open = document.querySelector('.open');
    const alert = document.querySelector('.alert');
    const close = document.querySelector('.close');

    open.addEventListener('click', function () {

        if (!newWindow) {
            newWindow = window.open('url');
        } else {
            console.error('window already opened');
        }
    });

    alert.addEventListener('click', function () {
        if (newWindow) {
            newWindow.alert('dd');
        } else {
            console.error('window is not opened');
        }
    });

    close.addEventListener('click', function () {
        if (newWindow) {
            newWindow.close();
            newWindow = null;
        } else {
            console.error('window is not opened');
        }
    });