HTMLDialogElement: phương thức show()

show()

<dialog id="dialog">
  <button type="button" id="close">Đóng hộp thoại</button>
</dialog>

<p><button id="open">Mở hộp thoại</button></p>
<p><button id="alert">Kích hoạt cảnh báo</button></p>

const dialog = document.getElementById("dialog");
const openButton = document.getElementById("open");
const closeButton = document.getElementById("close");
const alertButton = document.getElementById("alert");

// Nút mở mở một hộp thoại modeless
openButton.addEventListener("click", () => {
  dialog.show();
});

// Nút cảnh báo kích hoạt một cảnh báo
alertButton.addEventListener("click", () => {
  alert("bạn đã nhấp vào tôi!");
});

// Nút đóng đóng hộp thoại
closeButton.addEventListener("click", () => {
  dialog.close();
});