Buongiorno dovrei creare una sorta di motore interno per la ricerca nel mio sito. Uso il localstorage e inizialmente avevo pensato a questa funzione, non funzionante e non ottimale.
Qualcuno saprebbe aiutarmi? Dovrei fare che se il nome scritto nella barra di ricerca è uguale a un nome dei miei prodotti presenti nel localstorage allora stampo quel prodotto.
so che non è la soluzione ottimale, quindi accetto anche altri metodi.
Grazie in anticipo
//vedo se nel localStorage è presente un database dei prodotti,se non è così lo inizializzo
if (localStorage.getItem("prodotti") === null) {
console.log("NON CI SONO PRODOTTI");
localStorage.setItem("prodotti", '[]');
}
var prodotti;
if(JSON.parse(localStorage.getItem("prodotti"))===null){
prodotti = [];
} else {
prodotti = JSON.parse(localStorage.getItem("prodotti"));
}
console.log(prodotti);
$( document ).ready(function() {
$("#formRicerca").submit(function( event ) {
var formCerca = {
"ricerca" :document.getElementById("formRicerca").ricerca.value,
}
console.log(formCerca);
$("button[name='ricerca']" ).click(function(event) {
event.preventDefault();
console.log("PREMUTO CERCA")
for (i=0;i<prodotti.length;i++) {
if(prodotti[i].nome==="ricerca") {
// messo per vedere se entrava nel ciclo, ma non va window.location.href = "profile.html";
}
}
})
})
})