<button onclick="openWin()">Создать окно</button>
<button onclick="closeWin()">Закрыть окно</button>
*  { font-size: 1.24rem; }
button { padding: 10px;}
var w; //объект окно созданое нами
var strURL = "https:\\ya.ru"; //
var strName = "_blanck";
var strFeatures = "left=100,top=100,width=250,height=250"; //небольшое окно в качестве примера

//открываем новое окно
function openWin() {
  var btn1 = document.getElementsByTagName("button")[0]; //мы знаем что кнопка создания окна первая
  var btn2 = document.getElementsByTagName("button")[1]; //мы знаем что кнопка закрытия окна вторая

  w = window.open(strURL, strName, strFeatures);
  btn1.setAttribute("disabled", ""); //сделаем кнопку неактивной чтобы не создовать лишних окон
  btn2.removeAttribute("disabled"); //а кнопку закрытия наоборот активной
}

//закрываем новое окно
function closeWin() {
  var btn1 = document.getElementsByTagName("button")[0]; //мы знаем что кнопка создания окна первая
  var btn2 = document.getElementsByTagName("button")[1]; //мы знаем что кнопка закрытия окна вторая

  w.close(); //всё легко и просто
  btn1.removeAttribute("disabled"); //теперь кнопка открытия окна активна
  btn2.setAttribute("disabled", ""); //а кнопка закрытия опять стала неактивной
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.