জাভাস্ক্রিপ্টে লোকাল স্টোরেজ থেকে এলিমেন্ট রিট্রিভ করা

লোকাল স্টোরেজ (local storage)- থেকে একটি এলিমেন্ট রিট্রিভ (retrieve) করতে হলে প্রথমে চেক করতে হয় ব্রাউজার লোকাল স্টোরেজ সাপোর্ট করে কিনা। তারপর লোকাল স্টোরেজে একটি এলিমেন্ট সেট করতে হয়। এই মুহূর্তে সতর্ক থাকতে হয় কারণ ব্রাউজার বন্ধ হলে লোকাল স্টোরেজে কোনো ডেটা থাকে না। পরে সংরক্ষিত ডেটা রিট্রিভ করতে হয়। সংক্ষেপে আলোচনা করা হলো।

লোকাল স্টোরেজে ডেটা সেট করার সিনট্যাক্স

localStorage.setItem();

উদাহরণ

নিচের উদাহরণে, প্রথমে স্টোরেজ কম্প্যাটিবিলিটি (Compatibility) চেক করা হয়েছে if কন্ডিশন দিয়ে। পরে localStorage.setItem() ব্যবহার করে একটি আইটেম লোকাল স্টোরেজে রাখা হয়েছে। আইটেম রাখার পর localStorage.getItem() প্রপার্টি ব্যবহার করে ডেটা রিট্রিভ করা হয়েছে।

<html> <body> 
  <p id="storage"></p> 
  <script> 
    if (typeof(Storage) !== "undefined") { 
      localStorage.setItem("product", "Tutorix"); 
      document.getElementById("storage").innerHTML = localStorage.getItem("product"); 
    } else { 
      document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility..."; 
    } 
  </script> 
</body> </html>

আউটপুট

Tutorix