Dynamic Validation JS Advanced

function validate() {
    const inputElement = document.getElementById('email');
    const validMatch = /^[a-z]+@[a-z]+\.[a-z]+$/;

    inputElement.addEventListener('change', (e) => {
        if (!validMatch.test(inputElement.value)) {
            e.currentTarget.classList.add('error');
        } else {
            e.currentTarget.classList.remove('error');
        }
    });
}

validate(); // Call the function to set up the event listener