Skip to main content

Practice Β· 3 of 3

Debug: JS Dialog β†’ Invoker Commands

This delete-confirmation dialog is driven by onclick handlers calling showModal()/close(). Convert it to 2026-standard invoker commands: the open button uses commandfor="delete-confirm" command="show-modal", the close button inside the dialog uses commandfor="delete-confirm" command="close", and every onclick attribute is gone. Keep the <dialog id="delete-confirm">.

Difficulty: advanced

Back to lesson: Practice: Popovers & Invokers β€” Practice