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.

Lo que estoy tratando de hacer es crear una lista que muestre la cantidad de pagos, con la cantidad a pagar en cada pago. Como el ejemplo de abajo

DINERO: $100 / TIEMPO: 2 Días

RESULTADO:

• $50
• $50

Entonces, si la persona tiene 5 días, en lugar de 2, aparecería como:

• $20
• $20
• $20
• $20
• $20

Por alguna razón, cuando pruebo mi código en codepen, usando números aleatorios en lugar de los valores que tengo en Session Storage, funciona bien, pero cuando uso los números de Session Storage, el resultado es siempre el mismo: tengo un <li> con solo un "tema" como:

DINERO: $100 / TIEMPO: 2 Días

RESULTADO:

• $50

Leí en alguna parte que podría deberse a que mis valores estaban almacenados como cadenas, pero no sé si eso es correcto, ni sé cómo deshacerlo.

Código actual a continuación:

 <p id="money-value"></p> <p id="time-value"></p> <div id="payments"></div> <script> const displayMoney = document.getElementById("money-value"); const storedMoney = sessionStorage.getItem("Money") window.addEventListener("load", () => { displayMoney.innerHTML = "Money: " + storedMoney }); const displayTime = document.getElementById("time-value"); const storedTime = 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); }