Cześć, tworzę aplikację do dodawania przepisów. Na jednej ze stron (new_recipe.html) znajdują się pola do uzupełnienia (title, ingredients, preparation), z których pobieram dane do localStorage, a na innej stronie (recipes_list.html) chcę wyświetlić tytuły dodanych przepisów jako dzieci elementu recipesList, po kliknięciu przycisku showRecipesListBtn z pliku new_recipe.html. Napisałam kod jak poniżej, ale niestety nie działa. Będę wdzięczna za informację co powinnam poprawić.
Od razu zaznaczam, że jestem początkująca, więc będę wdzięczna za wyrozumiałość. ;)
Część kodu z pliku js, dołączonego do obu plików html:
// wyświetlenie przepisów z localStorage
function renderRecipesList() {
let allRecipes = JSON.parse(localStorage.getItem("recipes"));
allRecipes.forEach(function (singleRecipe) {
let newTitle = document.createElement("li");
newTitle.innerHTML = singleRecipe.title;
recipesList.appendChild(newTitle);
});
}
showRecipesListBtn.addEventListener("click", renderRecipesList);
Z góry bardzo dziękuję za pomoc.