The window.localStorage object allows you to save key/value pairs in the browser.

<!-- html element to place output -->
<p id="my_output"></p>

Get the item:

// variable
let my_name = localStorage.getItem('first_name');

// output to HTML my_element
document.getElementById('my_output').innerHTML = my_name;

Set the item:

Either of the following will work.

// set item
window.localStorage.setItem('first_name', 'Johnny');

// set item
localStorage.setItem('first_name', 'Johnny');

Johnny

Get the item:

localStorage.getItem(key);

Set the item:

window.localStorage.setItem(key, value);

// or

localStorage.setItem(key, value);

Removing the item from local storage:

localStorage.removeItem(key);

Clearing everything from local storage:

localStorage.clear();

---