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

HTML DOM Storage setItem() মেথড


ভূমিকা

HTML DOM Storage setItem() মেথড ব্যবহার করা হয় একটি স্টোরেজ অবজেক্ট আইটেম তৈরি বা আপডেট করার জন্য একটি দেওয়া কী নাম এবং মান পাস করে।

সিনট্যাক্স

Storage setItem() মেথডের সিনট্যাক্স:

localStorage.setItem(keyname, value);

অথবা

sessionStorage.setItem(keyname, value);

এখানে, keyname স্ট্রিং টাইপের এবং মান পাওয়ার জন্য ব্যবহৃত কী নাম উপস্থাপন করে। دوم প্যারামিটার value নতুন মান উপস্থাপন করে যা পুরনো মানকে রিপ্লেস করবে।

উদাহরণ

নিচে Storage setItem() মেথডের একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Storage setItem() method example</h1> <p>নিচের বাটনে ক্লিক করে localstorage আইটেম তৈরি করুন</p> <button onclick="itemCreate()">CREATE</button> <p>নিচের বাটনে ক্লিক করে localstorage আইটেম প্রদর্শন করুন</p> <button onclick="itemShow()">DISPLAY</button> <p id="Sample"></p> <script>    function itemCreate() {       localStorage.setItem("TEXT1","HELLO WORLD");       document.getElementById("Sample").innerHTML ="The key-value pair has been created";    }    function itemShow() {       var s = localStorage.getItem("TEXT1");       document.getElementById("Sample").innerHTML ="The 'TEXT1' key value is "+s;    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুটটি তৈরি করবে:

HTML DOM Storage setItem() মেথড

CREATE বাটনে ক্লিক করার পর:

HTML DOM Storage setItem() মেথড

DISPLAY বাটনে ক্লিক করার পর:

HTML DOM Storage setItem() মেথড

  1. HTML DOM Input Reset value প্রোপার্টি

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

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

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