लोकल स्टोरेज में वैल्यू सेट करने के लिए localStorage.setItem(“anyKeyName”,yourValue) का इस्तेमाल करें और अगर आप वैल्यू लाना चाहते हैं तो आप localStorage.getItem(“yourKeyName”)
का इस्तेमाल कर सकते हैं।उदाहरण
निम्नलिखित कोड है -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<body>
<input type="text" id="txtName" placeholder="Enter some value..." />
</body>
<script>
var textBoxNameHTML = document.getElementById('txtName');
textBoxNameHTML.addEventListener('change', (e) => {
localStorage.setItem("textBoxValue", e.target.value);
});
</script>
</html> उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें। फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
आउटपुट
यह कंसोल पर निम्न आउटपुट उत्पन्न करेगा -
अब, मैं टेक्स्ट बॉक्स में कुछ मान दर्ज करने जा रहा हूं। यह निम्नलिखित आउटपुट देगा -
अब लोकलस्टोरेज से वैल्यू प्राप्त करने के लिए, नीचे दी गई अवधारणा का उपयोग करें और कंसोल पर वैल्यू प्राप्त करें -
एंटर कुंजी दबाएं। यह निम्नलिखित आउटपुट देगा -
