Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
function openModal(triggerEl) { const modal = document.getElementById("modal"); modal.removeAttribute("hidden"); // Move focus to first focusable element modal.querySelector("button, [href], input").focus(); // Store trigger for later modal.dataset.trigger = triggerEl.id; } function closeModal() { const modal = document.getElementById("modal"); modal.setAttribute("hidden", ""); // Return focus to the trigger document.getElementById(modal.dataset.trigger).focus(); }
Result
Open