Skip to main content
agregado evento DOMContentLoaded
Origen Enlace

Ningún elemento del HTML tiene el id envio. Cambia el id del formulario a envio o cambia

let formulario = document.getElementById('formulario');

EDIT: la etiqueta <script> deberia ir al final del body para que el script se cargue cuando ya se haya renderizado la página. Puede estar pasando que cuando haces el getElementById, el formulario todavía no se haya renderizado.

Mueve la etiqueta <script> así:

<body>
    <div class="Centrar">
    ...
    </div>
    <script src="js/app.js"></script>
</body>

Si aún así tienes problemas, prueba a poner todo el código de tu script en un evento que espera a que se cargue la página:

document.addEventListener('DOMContentLoaded', function() {
    let formulario = document.getElementById('formulario');//Aqui queda en null

    console.log(formulario);
    formulario.addEventListener('submit', function(e){
        e.preventDefault();
        console.log('Me diste un click');
    });
});

Ningún elemento del HTML tiene el id envio. Cambia el id del formulario a envio o cambia

let formulario = document.getElementById('formulario');

Ningún elemento del HTML tiene el id envio. Cambia el id del formulario a envio o cambia

let formulario = document.getElementById('formulario');

EDIT: la etiqueta <script> deberia ir al final del body para que el script se cargue cuando ya se haya renderizado la página. Puede estar pasando que cuando haces el getElementById, el formulario todavía no se haya renderizado.

Mueve la etiqueta <script> así:

<body>
    <div class="Centrar">
    ...
    </div>
    <script src="js/app.js"></script>
</body>

Si aún así tienes problemas, prueba a poner todo el código de tu script en un evento que espera a que se cargue la página:

document.addEventListener('DOMContentLoaded', function() {
    let formulario = document.getElementById('formulario');//Aqui queda en null

    console.log(formulario);
    formulario.addEventListener('submit', function(e){
        e.preventDefault();
        console.log('Me diste un click');
    });
});
Origen Enlace

Ningún elemento del HTML tiene el id envio. Cambia el id del formulario a envio o cambia

let formulario = document.getElementById('formulario');