Intenté usar diferentes nombres de clase/nombres de clave, pero todavía no extraerá ningún dato a localStorage para el like2.on("clic", saveData)... ¿Necesito incorporar un bucle for de algún tipo para que pase? a través de ambos botones?
** tenga en cuenta que el almacenamiento local funciona en like1.on("click", saveData) **
<form id="form1"> <label> <h4>Destination One</h4> <input type="text" name="cityName" placeholder="Enter a destination" id="input" /> </label> <button type="submit" class="primary button search-button"> search </button> <div type="button" class="button button-like" id="liked1"> <i class="fa fa-heart"></i> </div> </form> function saveData() { var cities = document.getElementById("input").value; localStorage.setItem("list", JSON.stringify(cities)); var savedCity = JSON.parse(localStorage.getItem("list")); localStorage.setItem("list", JSON.stringify(savedCity)); var result = JSON.parse(localStorage.getItem("list")); console.log(result); } liked1.on("click", saveData); liked2.on("click", saveData);No puedo entender claramente qué quieres hacer, así que haré todo lo posible para responder a tu pregunta.
Cada vez que usa setItem con el mismo keyName , anula el anterior y lo completa con el nuevo.
Así que puedes
keyNames para cada formulario, por ejemplo, form1_cityName para el primer formulario y form2_cityName para el segundo formulariosetItem , como JSON