Puedes usar el elemento dialog de html, utiliza javascript para abrir y cerrar dicho elemento en forma modal. Ejemplo:

```html

    <dialog id="modalDialog">
      <h1>Título de prueba</h1>
      <button id="closeModalBtn">Cerrar el modal</button>
    </dialog>

    <button id="openModalBtn">Abrir el modal</button>

    <script>
      const openModal = document.querySelector( "#openModalBtn" )
      const closeModal = document.querySelector( "#closeModalBtn" )
      const modal = document.querySelector( "#modalDialog" )
      openModal.addEventListener( "click", () => {
        modal.showModal()
      } )
      closeModal.addEventListener( "click", () => {
        modal.close()
      } );
    </script>

```
คุณสามารถใช้องค์ประกอบกล่องโต้ตอบ html ใช้จาวาสคริปต์เพื่อเปิดและปิดองค์ประกอบดังกล่าวในลักษณะกิริยาช่วย ตัวอย่าง: ```html <dialog id="modalDialog"> <h1>ชื่อการทดสอบ</h1> <button id="closeModalBtn">ปิด modal</button> </dialog> <button id="openModalBtn"> เปิด modal</button> <script> const openModal = document.querySelector( "#openModalBtn" ) const closeModal = document.querySelector( "#closeModalBtn" ) const modal = document.querySelector( "#modalDialog" ) openModal.addEventListener ( "คลิก", () => { modal.showModal() } ) closeModal.addEventListener( "คลิก", () => { modal.close() } ); </script> ```
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence