WeCode
Academy
Tutorials
Web Development
Bootstrap
CSS
HTML
JavaScript
jQuery
Node.js
PHP
React
TypeScript
Programming
C
C#
C++
Go
Java
Python
Rust
Data and Databases
NumPy
Pandas
SQL
Tools
Bash
Git
Projects
Project: A Tiny Shell in C
Project: Bank Account System
Project: Library Management System
Project: Portfolio Page
Project: Quiz App in React
Project: Sales Data Analysis
Project: Server Log Analyser
Project: To-Do REST API
Project: URL Shortener
Project: Word Counter in Four Languages
All tutorials ❯
Paths
References
Practice
Try it editor
Quizzes
How To recipes
Tools
Glossary
My Learning
🌙
Dark mode
Home
›
How To
›
JavaScript
Store data in localStorage
localStorage keeps strings in the browser between visits.
Example
html
<input id="n" placeholder="Your name"> <button id="s">Save</button> <p id="out"></p> <script> var out = document.getElementById("out"); try { out.textContent = "Saved name: " + (localStorage.getItem("name") || "none"); document.getElementById("s").onclick = function () { localStorage.setItem("name", document.getElementById("n").value); out.textContent = "Saved name: " + localStorage.getItem("name"); }; } catch (e) { out.textContent = "Storage is blocked in this frame."; } </script>
Run ❯
Reset
Open in editor »
More JavaScript recipes
Copy text to the clipboard
Debounce a function
Loop over an object
Remove duplicates from an array
Shuffle an array
WeCodeAcademyWeCodeAcademy