Модальное окно не скроется ⇐ CSS

[Anonymous]

Модальное окно предназначено для отображения, когда есть пустое заполненное поле, не имеющее значения, за исключением некоторых полей ввода. Да, он появляется, но после нажатия кнопки «ОК» он не скрывается.
Я выполнил некоторые действия по устранению неполадок, но на самом деле ничего не произошло. Будем благодарны за любой совет или помощь.



Please fill in all required fields.
OK




document.addEventListener('DOMContentLoaded', () => {
const form = document.querySelector('form');
const inputs = form.querySelectorAll('input');
const requiredFieldsModal = document.querySelector('#requiredFieldsModal');
const confirmFill = document.querySelector('#confirmFill');

form.addEventListener('submit', (event) => {
console.log('Form submitted'); // Add this line to check if the code is being triggered

let hasEmptyField = false;

inputs.forEach((input) => {
if (input.value.trim() === '' && input.name !== 'email' && input.name !== 'contactNumber' && input.name !== 'endOfEmployment') {
hasEmptyField = true;
}
});

if (hasEmptyField) {
event.preventDefault();
requiredFieldsModal.classList.remove('hidden');
}
});

confirmFill.addEventListener('click', () => {
requiredFieldsModal.classList.add('hidden');
});
});



Подробнее здесь: https://stackoverflow.com/questions/782 ... -wont-hide