How can I open a window after clicking a custom button?

Question

So I got this code for a website using Tampermonkey, and I want it to open a window in the center of the screen after the button is pressed. How can I do that?

(function() {
    'use strict';
    //button
    var button = document.createElement("button");
    button.setAttribute("class", "mdl-button mdl-js-button geofs-f-standard-ui");
    button.setAttribute("id", "Button-toggle");
    button.setAttribute("style", "background:clear");
    button.innerHTML = "test";
    document.getElementsByClassName("geofs-ui-bottom")[0].appendChild(button);
    var buttonToggle = document.getElementById("Button-toggle");
    //Event Listener
    buttonToggle.addEventListener("click", function() {
        buttonToggle.setAttribute("style", "background:green");
        console.log("Button Pressed");
    });
})();

Answer 1

You can open a new window with JavaScript It works on code pen well. https://codepen.io/ash_000001/pen/PoORmyg

You can change the position with this line of code:

const myWin = window.open("", "", "left=700, top=350, width=200, height=100");

function myFunction() {
const myWin = window.open("", "", "left=700, top=350, width=200, height=100");
let x = myWin.screenX;
let y = myWin.screenY;
document.getElementById("ao").innerHTML =
"myWin.screenX= " + x + "<br>myWin.screenY= " + y; 
}

<button onclick="myFunction()">Open Window</button>

<p id="ao"></p>