Mi problema consta en que al introducir los datos a un input, solamente los imprima luego de hacer click en el botón enviar.
Pero no se la razón por la cual es que mi código no los imprime en el <H1>
.
Ademas me gustaría saber como poder comprobar si el usuario a llenado todos los inputs de texto y si no mostrarle un mensaje para que los llene.
mi html es.
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="work js/form.js"></script>
<title>formulario</title>
<link href="rcss/" rel="stylesheet" type="text/css">
</head>
<body>
<div id="contenedor">
<div id="cabeza">
<form action="" id="formulario">
<label id="engreso"for="">ingrese sus datos</label>
<input type="text" id="nombre" placeholder="Nombre" >
<input type="text" id="apellido" placeholder="Apellido" >
<input type="date" name="fecha" class="sendit" onchange="edad(event);">
<input type="email" id="emai" placeholder="[email protected]">
<input type="button" value="enviar" name="boton" onclick="sub()" >
</form>
</div>
<div id="cuerpo">
<h1 id="yax">Cuales son sus datos</h1>
<h1 id="nom">Su nombre</h1>
<h1 id="yax">Cual es su apellido</h1>
<h1 id="ape">su apellido</h1>
<h1 id="yax">Cual es su edad</h1>
<h1 id="eda">su edad</h1>
<h1 id="yax">Cual es su correo</h1>
<h1 id="mai">su email</h1>
</div>
</div>
</body>
</html>
Y mi Javascript es
function sub(){
var nombre = null;
var correo = null;
var apellido = null;
nombre = document.getElementById("nombre").value;
apellido = document.getElementById("apellido").value;
correo = document.getElementById("correo").value;
document.getElementById('nom').innerHTML = nombre;
document.getElementById('ape').innerHTML = apellido;
document.getElementById('mai').innerHTML = correo;
}
function edad(e) {
edadM = Date.parse(Date()) - Date.parse(e.target.value);
edads = new Date();
edads.setTime(edadM);
resultado = edads.getFullYear() - 1970;
res = (resultado <= 0) ? 0 : resultado; // Para evitar que sea negativo
document.getElementById('eda').innerHTML = res;}
me gustaría saber como imprimir los inputs de nombre, apellido, y correo en un <h1>
gracias por su timepo.