از تگ دیالوگ برای modal ها استفاده کنید!!

یه تگ داریم که کار ساخت modal هارو خیلی آسونتر کرده به اسم dialog حالا ببینیم که چجوری باید ازش استفاده کنیم:

<button id="open">open</button>
<dialog id="dialog">
   <button id="close">close</button>
<dialog>

حالا توی جاوااسکریپت ما یه سری متد داریم برای dialog ها،
showModal و close.
که با متد showModal روی دیالوگ، modal رو باز میکنیم و با متد close روی دیالوگ خودمون modal رو میبندیم. اینجوری:

open.addEventListener('click', () => {
   modal.showModal();
})

close.addEventListener('click', () => {
   modal.close();
})

#HTML #Js
@CleverDevs
@CleverDevsGp