Buenas, estoy intentando ingresar valores a una tabla. De un formulario cualquiera. La idea es que sea el valor que se ingresado en los inputs, al momento de dar guardar, estos datos pasen a una pequeña tabla. Como podria hacerlo con javascript. Esto es lo que tengo:
function guardar(){
var _nom = document.getElementById("nomb").value;
var _cat = document.getElementById("cat").value;
var _precio = document.getElementById("precio").value;
var _stock = document.getElementById("stock").value;
// if(_nom.trim()==''){
// alert("Ingrese nombre del producto");
// }
// if(_cat.trim()==''){
// alert("Ingrese categoria del producto");
// }
// if(_precio.trim()==''){
// alert("Ingrese precio del producto");
// }
// if(_stock.trim()==''){
// alert("Ingrese stock del producto");
// }
var fila="<tr><td>"+_nom+"</td><td>"+_cat+"</td><td>"+_precio+"</td><td>"+_stock+"</td></tr>";
document.getElementById("tablita").innerHTML = fila;
}
table{
border-collapse: collapse;
}
table, td, th {
border: 2px solid orange;
padding:20px;
}
button{
color:white;
font-weight:bold;
background-color:orange;
width:100px;
height:25px;
font-size:15px;
}
Nombre: <input id="nomb" style="margin:10px" type="text"><br><br>
Categoria:<input id="cat" style="margin:4px" type="text"><br><br>
Precio: <input id="precio" style="margin:20px" type="text"><br><br>
Stock: <input id="stock" style="margin:25px" type="text"><br><br>
<button id="btn_guardar" onclick="guardar()">Guardar</button><br><br>
<table >
<thead>
<tr>
<th>Nombre</th>
<th>Categoria</th>
<th>Precio</th>
<th>Stock</th>
</tr>
</thead>
<tbody id="tablita">
</tbody>
</table>
Gracias de antemano.