هناك مشكله صغيره تقابلني وهي اني عندما اجلب الtask من ال array اللي في localstorage ووضعها في ال dom عندما اعمل refresh يقوم بمسحها مع انني قمت باستدعائها بالطريقه الصحيحه
كود ال js
// declare variables
let add = document.querySelector("#add");
let input = document.querySelector("#input");
let outputList = document.querySelector("#list");
var arrayOfTasks = [];
// window.localStorage.clear();
if (window.localStorage.getItem("array")) {
arrayOfTasks = JSON.parse(window.localStorage.array);
}
add.onclick = function () {
if (input.value !== "") {
createFn(input.value);
readFn();
// deleteFn();
// remove value from input
input.value = "";
}
};
// createFunction
function createFn(textValue) {
// setp 1 = create Task
const task = {
title: textValue,
complate: false,
};
// setp 2 = add task to arrayOfTasks
arrayOfTasks.push(task);
// step 3 = add arrayOfTasks to localStorage
window.localStorage.setItem("array", JSON.stringify(arrayOfTasks));
}
// readFunction
function readFn() {
let arrayOfTasks = JSON.parse(window.localStorage.getItem("array"));
arrayOfTasks.forEach((task) => {
let li = document.createElement("li");
let span = document.createElement("span");
span.appendChild(document.createTextNode("delete"));
li.appendChild(document.createTextNode(task.title));
li.appendChild(span);
outputList.appendChild(li);
});
}