هناك مشكله صغيره تقابلني وهي اني عندما اجلب ال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 ="";}};// createFunctionfunction createFn(textValue){// setp 1 = create Taskconst 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));}// readFunctionfunction 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);});}
السؤال
منتصر احمد
هناك مشكله صغيره تقابلني وهي اني عندما اجلب الtask من ال array اللي في localstorage ووضعها في ال dom عندما اعمل refresh يقوم بمسحها مع انني قمت باستدعائها بالطريقه الصحيحه
كود ال js
رابط هذا التعليق
شارك على الشبكات الإجتماعية
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.