const tr = document.createElement("tr");
const td = document.createElement("td");
table.appendChild(tr);
td.innerText = "" + new Date().toLocaleDateString("de-Ch");
tr.appendChild(td);
const td2 = document.createElement("td");
td2.innerText = object.text;
tr.appendChild(td2);
const td3 = document.createElement("td");
if (object.amount > 0){
td3.style.color = "rgb(4, 209, 4)";
td3.innerText = "+";
} else{
td3.style.color = "red";
}
td3.innerText += object.amount;
tr.appendChild(td3);
const td4 = document.createElement("td");
td4.style.color = saldo < 0 ? "red" : "black";
td4.innerText = saldo.toFixed(2);
tr.appendChild(td4);
Básicamente, este código se ejecuta cuando envío un formulario y agrega un tr y td a una tabla que ya tengo como elementById. Mi pregunta es, ¿alguien sabe cómo podría almacenar los valores que ingresé, como localStorage, de modo que cuando actualice, la tabla con las diferentes filas permanezca como antes y aún pueda agregar más filas? Estaría muy agradecido por una respuesta. Si hay más información sobre el código necesario, con gusto se la proporcionaré.
Puede crear una matriz de objetos y agregarla en localStorage si no está disponible.
var objectArray = [];
localStorage.setItem("objectArray", JSON.stringify(objectArray))
Agregue objetos a la matriz cuando se envíe el formulario y actualice localStorage.
var objectArray = JSON.parse(localStorage.getItem("objectArray"));
objectArray.push(object);
localStorage.setItem("objectArray", JSON.stringify(objectArray));
actualice la tabla con nuevas filas según los objetos disponibles en la matriz.
var objectArray = JSON.parse(localStorage.getItem("objectArray"));