estoy haciendo un proyecto donde tengo una facturación que se guarda en el LocalStorage (la facturación se hace mediante unos input HTML). Cuando le doy a REGISTRAR FACTURA los datos se guardan correctamente, pero si actualizo la factura desaparece(correcto) y cuando intento agregar otra factura en vez de sumarse los datos a la factura pasada se actualiza el Array.
Por ejemplo:
localStorage cuando REGISTRO FACTURA = key: Factura, value: 5325, 54334, 12345
Si actualizo la pagina y REGISTRO OTRA FACTURA con otros datos, estos datos (5325, 54334, 12345) desaparecen y aparecen los nuevos. Todo esto en JavaScript. Muchas gracias.
HTML:
const RegistrarFactura = () => {
var CogerTabla = document.getElementById("tablaFacturacion");
var nRows = CogerTabla.rows.length;
var valores = [];
for(i=1;i<=nRows;i++){
var tRows = CogerTabla.rows[i]; //numero lineas
var nColumns = tRows.cells.length; //numero columnas
var ultimoTd = tRows.cells[nColumns-1]; //ultimo td
var valor = ultimoTd.innerHTML; //valor ultimo td
valores.push(valor);
var total = [];
total.push(valores);
localStorage.setItem("Valores", total);
}
}
<table border="1" id="tablaFacturacion" bordercolor="#9c9c9c" style="border-top-left-radius: 10px; border-top-right-radius: 10px;">
<caption>FACTURA PARA EL CLIENTE</caption>
<tr style="background: #9c9c9c;" >
<td style="border-top-left-radius: 7px">Nombre cliente</td>
<td>Producto</td>
<td>Precio producto</td>
<td>Cantidad producto</td>
<td>Descuento</td>
<td>ITBIS</td>
<td>Fecha</td>
<td style="border-top-right-radius: 7px">Precio Total</td>
</tr>
</table>