কম্পিউটার টিউটোরিয়াল

HTML DOM Local Storage clear() মেথড

ওভারভিউ

HTML DOM Local Storage clear() মেথড পুরো লোকাল স্টোরেজের এন্ট্রিগুলো মুছে ফেলতে ব্যবহৃত হয়।

সিনট্যাক্স

localStorage.clear()

অথবা

sessionStorage.clear()

উদাহরণ

LocalStorage() method প্রপার্টির উদাহরণ:

<!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' বাটনে ক্লিক করার পর:

HTML DOM Local Storage clear() মেথড

'Delete Key' বাটনে ক্লিক করার পর:

HTML DOM Local Storage clear() মেথড

  1. HTML DOM Storage removeItem() মেথড

  2. HTML DOM Storage key() মেথড

  3. HTML DOM Storage getItem() মেথড

  4. HTML DOM Storage Event