Почему не работает form.addEventListener?

Question

[sasha-91-95]

document.addEventListener('DOMContentLoaded', () =>{
    const sigInBlock = document.getElementById('sigInBlock');
    let inputEmail = (document.getElementById("inputEmail") as HTMLInputElement);
    const form = (document.getElementById('form') as HTMLFormElement);

    const userPage = document.getElementById('userPage');
    const userName = document.getElementById('userName');
    const btnEdit = document.getElementById('btnEdit');
    const btnFollow = document.getElementById('btnFollow');
    const inputLenta = document.getElementById('inputLenta');
    const myLenta = document.getElementById('myLenta');
    const btnSend = document.getElementById('btnSend');
    
    const run = () =>{
        form.addEventListener('submit', (e) =>{
            e.preventDefault();
            console.log('hi')
            console.log(inputEmail.value)
            //const response = await fetch(' http://146.185.154.90:8000/blog/' + inputEmail.value);
            
        })
    }
})

Comments

[Вадим]

1) Причём тут TS и тем более Angular?
2) А почему оно должно работать? оно будет работать когда будет выполнена функция run. А функцию run никто не запускает, исходя из предоставленного кода.

Answer 1

[HardBot]

document.addEventListener('DOMContentLoaded', () =>{
    const sigInBlock = document.getElementById('sigInBlock');
    let inputEmail = (document.getElementById("inputEmail") as HTMLInputElement);
    const form = (document.getElementById('form') as HTMLFormElement);

    const userPage = document.getElementById('userPage');
    const userName = document.getElementById('userName');
    const btnEdit = document.getElementById('btnEdit');
    const btnFollow = document.getElementById('btnFollow');
    const inputLenta = document.getElementById('inputLenta');
    const myLenta = document.getElementById('myLenta');
    const btnSend = document.getElementById('btnSend');
    
    const run = (() =>{
        form.addEventListener('submit', (e) =>{
            e.preventDefault();
            console.log('hi')
            console.log(inputEmail.value)
            //const response = await fetch(' http://146.185.154.90:8000/blog/' + inputEmail.value);
        })
    })();
})