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

HTML DOM Storage getItem() মেথড


ভূমিকা

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

সিনট্যাক্স

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

localStorage.getItem(keyname);

অথবা

sessionStorage.getItem(keyname);

এখানে, keyname স্ট্রিং টাইপের এবং পাওয়া আইটেমের নাম উপস্থাপন করে।

উদাহরণ

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

<!DOCTYPE html> <html> <body> <h1 style="text-align:center">Storage getItem() method example</h1> <p>নিচের বাটনে ক্লিক করে CLICKS নামে একটি localStorage আইটেম তৈরি করুন CREATE বাটনে ক্লিক সংখ্যা গণনা করতে</p> <button onclick="createItem()">CREATE</button> <p>নিচের বাটনে ক্লিক করে CLICKS আইটেমের মান পান</p> <button onclick="showItem()">Display</button> <p id="Sample"></p> <script>    var y=1;    function createItem() {       document.getElementById("Sample").innerHTML="localStorage Item has been created with name CLICKS";       localStorage.visits = y;       y++;    }    function showItem() {       var x = localStorage.getItem("visits");       document.getElementById("Sample").innerHTML = "The total no. of clicks are : "+x;    } </script> </body> </html>

আউটপুট

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

HTML DOM Storage getItem() মেথড

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

HTML DOM Storage getItem() মেথড

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

HTML DOM Storage getItem() মেথড

  1. HTML DOM focus() মেথড

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

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

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