Tengo dos valores en mi html: "Dinero" y "Tiempo", y esos valores provienen del Almacenamiento de sesión, según lo que la persona llenó previamente en otra página html. Entonces, digamos que la persona indicó que debe pagar $ 100 en 2 días.
Entonces, la idea sería que el resultado se muestre en mi HTML como:
Si el número de días aumentara a 4, por ejemplo, el resultado sería:
Cuando codifico números aleatorios como valores para "Dinero" y "Tiempo", el resultado es exactamente lo que necesito, como en el ejemplo anterior. Pero cada vez que trato de obtener los valores del Almacenamiento de sesión, el resultado siempre es UN tema del <li> que quería crear, como en el siguiente ejemplo:
Dinero: 100 / Días: 2
Mi código hasta ahora:
<p id="money-value"></p> <p id="time-value"></p> <div id="payments"></div> <script> const displayMoney = document.getElementById("money-value"); const storedMoney = parseInt(sessionStorage.getItem("Money")); window.addEventListener("load", () => { displayMoney.innerHTML = "Money: " + storedMoney }); const displayTime = document.getElementById("time-value"); const storedTime = parseInt(sessionStorage.getItem("Time")); window.addEventListener("load", () => { displayTime.innerHTML = "Time: " + storedTime }); var calc = storedMoney / storedTime; for (let i = 0; i < storedTime; i++) { var list = document.createElement("li"); list.innerText = `${calc}`; document.getElementById("payments").appendChild(list); } </script>TL;RD
Con lo que realmente estoy luchando es hacer que <li> muestre los pagos en la misma cantidad de temas que la cantidad de días.