JSFiddle - React, Tailwind, and code Playground

by flexi2202

HTML

<dialog class="dialog" style="padding: 0; border: 0;">
  <form method="dialog">
    <div>Hello from dialog element. You can close me by clicking outside or Close button</div>
    <button>Close</button>
  </form>
</dialog>

JavaScript

var po = 5
if (po >2){
function onClick(event) {
  if (event.target === dialog) {
    dialog.close();
  }
}
const dialog = document.querySelector(" dialog");
dialog.addEventListener("click", onClick);
dialog.showModal();
}