Как переписать код на js из html?

Question

[LLcosplay]

Пытаюсь создать модальное окно, но проблема в контейнере и append child. Не выводит нужное окно с кнопкой без отдельного html кода. а хотелось бы без него чтобы все было на динамике
<div id="dialog-container"></div>

function Window_app() {
  var dialog = document.createElement('dialog');
  var myP = document.createElement('p')
  var myPText = document.createTextNode("Это окно, которое сделано на html5 и javascript");

  var buttonClose = document.createElement('button');
  buttonClose.id = ('close');

  buttonClose.appendChild(document.createTextNode("закрыть"));

  var buttonShow = document.createElement('button');
  buttonShow.appendChild(document.createTextNode("открыть"));
  buttonShow.id = ('show');

  myP.appendChild(myPText);

  var container = document.querySelector('#dialog-container');

  dialog.appendChild(myP);

  container.appendChild(dialog);
  dialog.appendChild(buttonClose);
  container.appendChild(buttonShow);


  buttonShow.onclick = function() {
    dialog.show();
  };
  buttonClose.onclick = function() {
    dialog.close();
  };

}

Answer 1

[キム ファイブプラス]

Пример того, как из простой задачи создать трудночитаемый говнокод на ровном месте...

Прошу: https://jsfiddle.net/ddv88/z7mu1w5h/

Answer 2

[Евгений Журов]

Вот так еще можно: https://jsfiddle.net/Zhuroff/xzh136rd/6/