Ciao a tutti, devo chiedervi aiuto. Devo modificare i campi dei prodotti inseriti nel mio LocalStorage. Io ho fatto tutto, ma mi modificati tutti i prodotti presenti nel LocalStorage e non solo il prodotto selezionato(allego screen per spiegare meglio). Ho messo la condizione che il nome del prodotto non può essere cambiato(lo uso come chiave) mentre tutto il resto si. I dati di modifica vengono presi da un form.
Sapreste darmi una mano?
Grazie in anticipo.

Il file Javascript è questo(ho tagliato la parte sopra che non serve per questo passaggio)

var prodotto;
$( document ).ready(function() {
$("#formModificaProdotti").submit(function( event ) {

event.preventDefault();
console.log("PREMUTO AGGIORNA")

var formmodficaprodotti = {
"foto" :document.getElementById("formModificaProdotti").avataragg.value,
"nome" :document.getElementById("formModificaProdotti").nomeagg.value,
"tipologia" : document.getElementById("formModificaProdotti").tipologiaagg.value,
"caratteristiche" : document.getElementById("formModificaProdotti").caratteristicheagg.value,
"prezzo" : document.getElementById("formModificaProdotti").prezzoagg.value,
"disponibilita" : document.getElementById("formModificaProdotti").disponibilitaagg.value,
"spedizione" : document.getElementById("formModificaProdotti").spedizioneagg.value,
"revisioni" : document.getElementById("formModificaProdotti").revisioniagg.value,


}
console.log(formmodficaprodotti);


for(var i=0; i<prodotti.length; i++) {
prodotto=prodotti[i]
if(prodotti[i].nome === prodotto.nome ){

prodotti[i]=formmodficaprodotti
}
}





window.localStorage.setItem("prodotti", JSON.stringify(prodotti));
console.log( window.localStorage.getItem("prodotti") )
}
)}
)