Estoy tratando de almacenar los resultados en el almacenamiento local usando estrictamente javascript, el objetivo principal es elegir una fecha, elegir una hora y guardar los resultados en el almacenamiento local al presionar el botón para que luego pueda usar los valores, lo que encuentro es un problema. con el hecho de que el almacenamiento local se vuelve a cargar y se reemplaza por el valor más nuevo en lugar de actualizarse y mostrar una lista de entradas anteriores.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Performax Cinema</title> </head> <body> <input type="date" id="date" required/> <select id="time" class="form-control" required> <option value="0">10:00 AM - 12:00 PM</option> <option value="1">12:00 AM - 14:00 PM</option> <option value="2">14:00 AM - 16:00 PM</option> <option value="3">16:00 AM - 18:00 PM</option> <option value="4">18:00 AM - 20:00 PM</option> <option value="5">20:00 AM - 22:00 PM</option> </select>`enter code here` <button id="btn" onclick="store()">add</button> <script src="main.js"></script> </body> </html> function store() { var time = document.querySelector("option").innerText; localStorage.setItem("value", JSON.stringify(time)); console.log(localStorage.getItem("value")); var date = document.querySelector("input").value; localStorage.setItem("value", date); console.log(localStorage.getItem("value")); }Solo puede configurar localStorage una vez. Si configura el elemento dos veces, sobrescribirá el anterior. Puede configurar ambos en el almacenamiento local y luego almacenarlo en un objeto, luego iterar a través del objeto como lo desee.
function store() { var time = document.querySelector("option").innerText; var date = document.querySelector("input").value; localStorage.setItem(JSON.stringify(time), date); console.log(localStorage); //store in object const items = { ...localStorage}; console.log(Object.entries(items)) }