The localStorage object provides a simple interface for working with the browser’s local storage. This means that you can store data in the browser that will persist even after the user closes the browser or navigates to a different web page. LocalStorage is a feature in JavaScript that allows you to store key-value pairs in the browser’s local storage. Instead, it was stored in the localStorage which all the HTML pages have access. In reality, though, the value was never passed between the two pages. This action opens up the page2.html with your browser and you’ll see a view like this:Īs you can see, the name “Alice” carried over from page1.html to page2.html. Opening the page1.html with your browser, you will see a view like this:Įnter some text into the input field and press “Submit”. The value you entered on the first page was:Īs soon as this page loads, it grabs the stored value from the local storage and shows it in the HTML content.

Var output = document.getElementById('value-output') Var value = localStorage.getItem('myValue') This page asks the user for an input value and stores it in JavaScript’s local database called localStorage.Īnd here’s the code in the page2.html file: Var input = document.getElementById('value-input')

Here’s the HTML/JavaScript code that I’ve placed in the page1.html file: The task is to ask the user for a value on page1 and then pass the value to page2. Let’s take a look at a full example that better demonstrates how the idea of using localStorage to pass values between two HTML pages.įirst of all, here’s my example project setup with two HTML pages in the same folder: If you’re having a hard time understanding what happens here or where you should add these scripts in the HTML, make sure to read the full example below. This code asks for a value from a user, stores it in a local database, and retrieves it on the other page. : window.onload = alert(localStorage.getItem('inputValue'))

Var value = prompt('Write a value here: ') Here’s an example of how you could use localStorage to pass a variable between two HTML pages. LocalStorage provides a way to store key-value pairs in the user’s web browser, so that they persist across different pages and sessions. One way to pass a variable from one HTML page to another using JavaScript is to use the browser’s localStorage object.

Best todo app ios