Quiero cambiar el texto de la etiqueta a con JavaScript, obtengo dos valores de un formulario y quiero pasarlo a la barra de navegación, pero no puedo.
<body>
<<div class="topnav">
<a>Inicio</a>
</div>
<div id="container">
<h1>• Datos de Sesion •</h1>
<div class="underline"></div>
<form action="#" method="post" id="loguin_form" onsubmit="myFunction()">
<div class="nombre">
<label for="nombre"></label>
<input type="text" placeholder="Nombre" name="nombre" id="nombre_input" required>
</div>
<div class="apellido">
<label for="apellido"></label>
<input type="text" placeholder="Apellido" name="apellido" id="apellido_input" required>
</div>
<div class="submit">
<input type="submit" value="Ingresar" id="form_button" />
</div>
</form><!-- // End form -->
</div><!-- // End #container -->
</body>
este es el JavaScript:
function myFunction() {
var nom, ape;
nom = document.forms["loguin_form"]['nombre'].value;
ape = document.forms["loguin_form"]['apellido'].value;
document.getElementsByTagName('a')[0].innerHTML = "Usuario: " + nom + " " + ape;
}
y no hay ningún cambio, como si no hubiese hecho el código. si coloco un alert con los datos que obtengo del formulario ellos aparecen.
loguin_form
, que es donde parece estar el error.