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');
});
});