পুনরুদ্ধার করতে ৷ স্থানীয় সঞ্চয়স্থান থেকে একটি উপাদান আমাদের ব্রাউজার স্থানীয় স্টোরেজ অনুমোদন করে কিনা তা পরীক্ষা করতে হবে। পরে, আমাদের স্থানীয় স্টোরেজে একটি উপাদান সেট করতে হবে। এই মুহুর্তে আমাদের সতর্ক থাকতে হবে কারণ ব্রাউজারটি একবার বন্ধ হয়ে গেলে, স্থানীয় স্টোরেজে কোন ডেটা সংরক্ষণ করা হবে না। পরবর্তীতে, আমাদের স্থানীয় স্টোরেজে সংরক্ষিত ডেটা পুনরুদ্ধার করতে হবে। সংক্ষেপে আলোচনা করা যাক।
স্থানীয় স্টোরেজে ডেটা সেট করতে নিম্নলিখিতটি হল সিনট্যাক্স
localStorage.setItem();
উদাহরণ
নিম্নলিখিত উদাহরণে, প্রাথমিকভাবে, সামঞ্জস্যতা যদি কন্ডিশন ব্যবহার করে স্টোরেজ চেক করা হয়। পরে, 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