19. Local Storage
📘 কনসেপ্ট (থিওরি)
localStorage অবজেক্ট ওয়েব ব্রাউজারে কী/ভ্যালু জোড়া সেভ করতে দেয়। লোকাল স্টোরেজে সেভ করা ডেটার কোনো মেয়াদোত্তীর্ণের সময় নেই — ইউজার ব্রাউজার বন্ধ করলেও বা কম্পিউটার রিস্টার্ট করলেও এটি থেকে যায়।
মেথড:
- localStorage.setItem('key', 'value') — ডেটা সেভ করা
- localStorage.getItem('key') — ডেটা পড়া
- localStorage.removeItem('key') — নির্দিষ্ট ডেটা মোছা
- localStorage.clear() — সব ডেটা মোছা
গুরুত্বপূর্ণ: LocalStorage শুধু স্ট্রিং সেভ করে! অবজেক্ট বা অ্যারে সেভ করতে চাইলে আগে JSON.stringify() দিয়ে রূপান্তর করতে হবে এবং পড়ার সময় JSON.parse() দিয়ে আবার রূপান্তর করতে হবে।💡 উদাহরণ
লোকাল স্টোরেজের ব্যবহার (সিনট্যাক্স উদাহরণ):
// সাধারণ টেক্সট সেভ করা
localStorage.setItem("username", "JohnDoe");
// টেক্সট পড়া
let user = localStorage.getItem("username");
console.log(user); // "JohnDoe"
// অবজেক্ট সেভ করা
const theme = { mode: "dark", color: "blue" };
localStorage.setItem("themeSettings", JSON.stringify(theme));
// অবজেক্ট পড়া
const savedTheme = JSON.parse(localStorage.getItem("themeSettings"));
console.log(savedTheme.mode); // "dark"
🎯 আপনার কাজ (প্র্যাকটিস)
"language" কী-এর অধীনে "bn" স্ট্রিং সেভ করার সিনট্যাক্স লিখুন, এবং তারপর তা
lang ভেরিয়েবলে পড়ার কোড লিখুন। lang লগ করুন।main.javascript
Loading...
OUTPUT
Run your code to see the output here...