30/08/2016, 14:18
|
 | Colaborador | | Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 8 meses Puntos: 1012 | |
| Respuesta: Mostrar tabla con registros insertados
prueba así Cita: <!DOCTYPE html>
<html>
<head>
<title></title>
<script>
document.addEventListener('DOMContentLoaded', function(){
var tabla=document.createElement("table");
document.querySelector("form").addEventListener("s ubmit",function(event) {
var fila=document.createElement("tr");
Array.prototype.forEach.call(this.querySelectorAll ('input[type="text"]'), function(v, i) {
var celda=document.createElement("td");
celda.textContent = i == 2 ? parseFloat(v.value).toFixed(2) : v.value;
fila.appendChild(celda);
});
tabla.appendChild(fila);
document.body.appendChild(tabla);
this.reset();
event.preventDefault();
}, false);
}, false);
</script>
</head>
<body>
<h1>Persona</h1><br>
<form>
<label>Codigo</label><br>
<input type="text" id="txtCod"><br>
<label>Nombre</label><br>
<input type="text" id="txtNom"><br><br>
<label>Nota</label><br>
<input type="text" id="txtNota"><br><br>
<input type="submit" id="btnInsertar" value="Insertar">
<form>
</body>
</html> |