الدرس 13 من 16 · تخزين وتوقيت واتصال

localStorage — موقعك يفتكر زائره

كل مرة تسكر المتصفح وتفتحه من جديد، كل شي انمسح — إلا إذا حفظته بـ localStorage: مخزن صغير يبقى بالمتصفح للدومين حقه:

const name = localStorage.getItem("name");

if (name) {
  alert("أهلاً بك مرة ثانية يا " + name);
} else {
  const n = prompt("وش اسمك؟");
  localStorage.setItem("name", n);
}

التخزين يعمل بمفتاح وقيمة نصية فقط. الأوامر الثلاثة:

localStorage.setItem("key", "قيمة");
const v = localStorage.getItem("key");
localStorage.removeItem("key");

لو بغيت تحفظ مصفوفة أو كائن، حوله أولاً إلى نص بـ JSON.stringify وارجعه بـ JSON.parse — نفس الفكرة من دروس بايثون مع JSON.

اختبار سريع للدرس

جاوب على كل الأسئلة — لازم كلها صح. إذا غلطت بيطلع صندوق ذهبي يفهّمك وش الخطأ. مو عيب تغلط، كل مبرمج بالعالم غلط وأخذ منها درس.

1. وش وظيفة localStorage؟
2. وش نوع القيم اللي يخزنها؟
3. كيف تجيب قيمة محفوظة؟
الدرس 12 الدرس 14 — التوقيت — setTimeout و setInterval
FeLiXFeLiX AI — مساعد المنصتين