Saludos Espero estén bien! tengo un trabajo de la universidad y me he encontrado con este problema al probar la pagina y darle al botón de Mostrar solo me muestra [object HTMLInputElement]
undefined Pero Quiero obtener los valores es decir, si en Nombre pongo Pedro, quiero que me Muestre Pedro y no [object NodeList] como puedo hacerlo? Aquí esta el código HTML y el Script
var clientes = new Array();
function Guardar() {
Nombre = document.getElementsByName('Nombre');
Apellido = document.getElementsByName('apellido');
Cedula = document.getElementsByName('Ced');
Email = document.getElementsByName('Email');
Direccion = document.getElementsByName('dir');
Telefono = document.getElementsByName('telefono');
Membresia = document.getElementsByName('membresia');
Pago = document.getElementsByName('pago');
clientes[clientes.length] = new Array(Nombre, Apellido, Cedula, Direccion, Telefono, Membresia, Pago);
}
function Mostrar() {
lista = document.getElementById('Lista')
contenido = ""
for (x = 0; x < clientes.length; x++) {
nombre = clientes[x][0]
apellido = clientes[x][1]
cedula = clientes[x][2]
email = clientes[x][3]
direccion = clientes[x][4]
telefono = clientes[x][5]
membresia = clientes[x][6]
pago = clientes[x][7]
contenido = contenido + "<div>" + nombre + " " + apellido + " " + cedula + " " + email + " " + telefono + " " + membresia + " " + pago + "</div>"
}
Lista.innerHTML = contenido;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro Gym el Sayajin</title>
</head>
Gimnasio El Sayajin
<body>
<form action="" name="formulario" method="get">
Nombre:<br>
<input type="text" name="Nombre" maxlength="30" class="campo" id="name" placeholder="Nombre aqui" required>
<br> Apellido:
<br>
<input type="text" name="apellido" maxlength="30" class="campo" placeholder="Apellido aqui" required>
<br> Cedula o pasaporte:<br>
<input type="text" name="Ced" class="campo" placeholder="identificacion" required><br> Email
<br>
<input type="email" name="Email" placeholder="Correo electronico" required><br> Direccion: <br>
<input type="text" name="dir" class="campo" placeholder="Direccion" required> <br> Telefono:
<br>
<input type="number" name="telefono" class="campo" placeholder="Contacto" required><br> Tipo de membresia: <br>
<input type="radio" name="membresia" class="campo" value="Standar" required>Standar
<input type="radio" name="membresia" class="campo" value="Gold" required>Gold
<input type="radio" name="membresia" class="campo" value="Sayajin" required>Sayajin<br> Metodo de pago: <br>
<input type="radio" name="pago" value="Efectivo" class="campo" required> Efectivo
<input type="radio" name="pago" value="Tarjeta" class="campo" required> Tarjeta<br>
<input type="button" id="btn" value="Guardar" onclick="Guardar();">
<input type="button" value="Mostrar" onclick="Mostrar()">
<input type="reset" id="btn3" value="Limpiar">
<br>
<div id='Lista'> Clientes Guardados</div>
</form>
Lista
que estás seleccionado por el id? Y dinos de qué se trata el problema. En tu pregunta no hay nada más que un bucle, además incompleto... ¿? ¿Qué intentas hacer realmente? ¿Dónde muestramuestra [object HTMLInputElement] undefined
?Lista
. Gracias.