What is causing the classList error?

Question

typescript

const mail = document.querySelector('input[name="mail"]') as HTMLInputElement

mail.onblur = function() {
        if (!mail.value.includes('@')) {
            mail.classList.add('invalid');
            mail_error.textContent = 'Пожалуйста, введите правильный email.'
        }
    };

    mail.onfocus = function() {
        if (this.classList.contains('invalid')) {
            this.classList.remove('invalid');
            mail_error.textContent = "";
        }
    }

TS2339: Property 'classList' does not exist on type 'GlobalEventHandlers'.
this.classList.contains('invalid')
this.classList.remove('invalid')

Answer 1

Use addEventListener.