Vamos a tener una web con dos cajitas:
Num1:[___] Num2:[___]
[Calcular]
El botón calcular nos calcula la suma y guarda en el localStorage un elemento llamado ‘resultado’ que es un objeto con la siguiente info:
{
num1: (valor del numero1),
num2: (valor del numero2),
suma: (valor de la suma)
}
No hace falta hacer nada más: recuperar, calcular, guardar en localStorage
Num1: <input type="number" id="numInput1"> Num2: <input type="number" id="num2"> <button id="calcular">Calcular</button> <script src="js/local.js"></script>
document.getElementById('calcular').addEventListener('click', calcular) function calcular () { const numero1 = parseFloat(document.getElementById('numInput1').value) const num2 = parseFloat(document.getElementById('num2').value) console.log(numero1, num2) const suma = numero1 + num2 // Creo el objeto const resultado = { num1: numero1, num2: num2, // Si estás poniendo lo mismo 'num2' ¿Esto no da un error? No, porque en la parte izquierda es el NOMBRE de la propiedad y en la derecha es el VALOR de la variable suma: suma // Yo recomiendo que los nombres sean los mismos en todo el recorrido, nos evita errores } console.log(resultado) // Lo guardo convertido en JSON localStorage.setItem('resultado', JSON.stringify(resultado)) }