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