- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Set the value in local storage and fetch – JavaScript?
Use localStorage.setItem(“anyKeyName”,yourValue) to set the value in local storage and if you want to fetch value then you can use localStorage.getItem(“yourKeyName”)
Example
Following is the code −
<!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>
To run the above program, save the file name “anyName.html(index.html)”. Right click on the file and select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output on console −
Now, I am going to enter some value into the text box. This will produce the following output −
Now to get the value from localStorage, use the below concept and fetch the value on console −
Press the Enter key. This will produce the following output −
- Related Articles
- Set the value in local storage and fetch – JavaScript?
- Difference between Local Storage, Session Storage, and Cookies in JavaScript
- Retrieve element from local storage in JavaScript?
- Difference between Session Storage and Local Storage in HTML5
- Storing Credentials in Local Storage
- Thread-local storage (TLS)
- Build a Site Bookmark App with JavaScript by using Local Storage
- Set multiple conditions in MongoDB and fetch value in a range
- Trick to store credentials in local storage
- HTML DOM Local Storage clear() method
- What is the difference between local storage vs cookies?
- Checking if a key exists in HTML5 Local Storage
- Android 4.0.1 breaks WebView HTML 5 local storage?
- JavaScript fetch a specific value with eval()?
- How to save cache in local storage of android webview?
- How to save database in local storage of android webview?

Advertisements