localStorage প্রোপার্টিগুলো
HTML DOM localStorage প্রোপার্টিগুলো ব্যবহারকারীকে ব্রাউজারের লোকাল স্টোরেজে কি-ভ্যালু পেয়ার সংরক্ষণ করতে সক্ষম করে ভবিষ্যতে রেফারেন্সের জন্য। কি-ভ্যালু পেয়ারগুলো এক্সপ্লিসিটলি রিমুভ/ক্লিয়ার না করা পর্যন্ত হারায় না।
সিনট্যাক্স
Window.localStorage
এখানে, localStorage-এর নিম্নলিখিত প্রোপার্টি/মেথড থাকতে পারে -
- setItem('key','value')
- getItem('key')
- removeItem('key')
উদাহরণ
localStorage প্রোপার্টির একটি উদাহরণ -
<!DOCTYPE html> <html> <head> <title>LocalStorage clear()</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } table,th,td { border:1px solid black; border-collapse: collapse; margin: 0 auto; } </style> </head> <body> <form> <fieldset> <legend>LocalStorage clear( )</legend> <table> <tr> <th>Key</th> <th>Value</th> </tr> <tr> <td>PassKey</td> <td>ja12ertplo</td> </tr> </table> <input type="button" value="Store Key" onclick="storeData()"> <input type="button" value="Delete Key" onclick="clearData()"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var extStyle = document.getElementById("extStyle"); function clearData(){ localStorage.clear(); divDisplay.textContent = 'Succesfully Deleted'; } function storeData(){ localStorage.setItem('PassKey','ja12ertplo'); divDisplay.textContent = 'Succesfully Stored'; } </script> </body> </html>
আউটপুট
'Store Key' বাটনে ক্লিক করার পর -
'Delete Key' বাটনে ক্লিক করার পর -
