Решите "Модальное окно" — HTML, CSS и JS [Средняя]

Модальное окно

Среднее

Соберите модальное окно. Кнопка открывает окно. Закрывают крестик, клик по затемнению и Escape. Клик по самому окну его не закрывает. После закрытия фокус возвращается на кнопку открытия. Требования: ✓ Закрытие по затемнению проверяет, что цель клика — сам фон ✓ Escape закрывает только открытое окно ✓ В окне виден текст Hack Frontend Критерии приемки: ✓ Клик внутри окна оставляет его открытым ✓ Клик по фону закрывает окно ✓ Escape закрывает окно и не срабатывает, когда оно уже закрыто

import "./styles.css"; const open = document.querySelector("#open"); const backdrop = document.querySelector("#backdrop"); const dialog = document.querySelector("#dialog"); const close = document.querySelector("#close");