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() मेथड