اذهب إلى المحتوى
  • 0

كيف يتم تخزين واسترجاع البيانات من localStorage؟

salah sea

السؤال

توقفت عند مشكلة لم اجد لها حل لاتمم تطبيق اعده بالجافاسكريبت واطلب مساعدة في هذا, و المشكلة باختصار هي :

لدي متغير على شكل مصفوفة فارغة; [] =var arr, وكل ما تقوم به هذه المصفوفة هي حمل بيانات على شكل اوبجيكت كالتالي:

var total = x;
var e = new Date();
var das = e.toDateString();
var all = {
		 result : total,
		 time: das
		}

 ثم اقوم بحمل هذا الاوبجيكت ضمن المصفوفة الفارغة ليتم تخزين بياناتها في localstorage. ثم لدي دالة تجلب هذه البيانات من اللوكال سطورج وتعرضهم بشكل متسلسل على شكل اسطر الواحد اسفل الاخر واقوم بانشاء زر اما كل سطر من هذه البيانات, وهنا توجد المشكل وهي ايجاد طريقة تجعل كل زر يحذف السطر الذي امامه من البيانات فقط. 

ومن اجل توضيح الفكرة هذه هي اسطر دالة جلب البيانات وعرضها مع اضافة زر امام كل سطر .

function theGet(){

if ( localStorage.getItem("nots")=== null){alert("vide");}

var print = document.getElementById("show");
var arr = JSON.parse(localStorage.getItem('nots'));

// for loop in localStorage

for (i = 0; i < arr.length ; i++){
    var rs = arr[i].result;
	var tm = arr[i].time;

 function robot(){
	 var slow = document.getElementById("show");
	var btn = document.createElement("button");
	var ptxt = document.createTextNode("click");
	slow.appendChild(btn);
	btn.appendChild(ptxt);
	btn.setAttribute("onclick","del()"); //هذه هي الدالة المراد حذف سطر البيانات عبرها
}
 print.innerHTML += "<br>" + rs +" "+ tm  ; //robot();

}

اذا امكنك المساعدة اخي/اختي وبدا لك شيء غامض المرجو وضع سؤال في تعليق  وشكرا.

المهم هو كيف احذف عنصر فقط من نتائج بيانات اللوكال سطورج  عند الضغط على الزر المقابل له؟

ارجو ان تكون الفرة واضحة وشكرااا جزيلا 

 


      
  

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

لا توجد أي إجابات على هذا السؤال بعد

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...