Урок 24 · JavaScript

Открыть и закрыть dialog

Подтверждение «удалить запись» не обязано быть отдельной страницей.

Почему это следующий шаг

Текст ошибки уже стоит в форме. Отдельный вопрос к человеку можно показать поверх страницы.

Как сделать

В HTML положи dialog. Кнопка вызывает showModal, кнопка внутри окна — close. У окна есть свой заголовок и кнопка закрытия с текстом, не только крестик. Пока окно открыто, форма под ним не должна случайно отправиться. Закрытие по фону можно добавить позже, сначала добейся двух кнопок.

openButton.addEventListener("click", () => dialog.showModal());
closeButton.addEventListener("click", () => dialog.close());

Что проверить

• Окно открывается кнопкой.
• Закрытие возвращает к странице без перезагрузки.
• У окна есть текст, что именно подтверждают.