No me muestra por la consola los valores de ingreso, solo me muestra el DOM cargado y el evento submit
capturado, les agradezco si lo pueden solucionar.
'use strict'
window.addEventListener("load", function () {
console.log("Dom cargado");
var formulario = document.getElementById("formulario");
formulario.addEventListener("submit", function () {
console.log("evento submit capturado");
});
var nombre = document.querySelector("#nombre").value;
var apellidos = document.querySelector("#apellidos").value;
var edad = document.querySelector("#edad").value;
console.log(nombre, apellidos, edad);
});
<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="js/32-ejercicio-dom.js"></script>
<title>Ejercicio DOM-Eventos y Funciones</title>
</head>
<body>
<h1>Ejercicio DOM-Eventos y Funciones</h1>
<form action="" method="post" id="formulario" onsubmit="return false;">
<label for="nombre" >Nombre</label><br>
<input type="text" name="nombre" id="nombre"><br>
<label for="apellidos" >Apellidos</label><br>
<input type="text" name="apellidos" id="apellidos"><br>
<label for="edad" >Edad</label><br>
<input type="number" name="edad" id="edad"><br>
<input type="submit" value="enviar" id="submit" >
</form>
</body>
</html>