JSFiddle - React, Tailwind, and code Playground
HTML
<input type="button" onClick="saveText();" value="Set" />
<input type="button" onClick="getText();" value="Get" />
JavaScript
function saveText() {
if (typeof(Storage) !== "undefined") {
sessionStorage.setItem("myData", "Hello, Ali!");
localStorage.setItem("localData", "I am set in local storage.");
document.cookie = "Available on both client and server side";
alert('Data saved.');
} else {
alert('Local storage not available');
}
}
function getText() {
if (typeof(Storage) !== "undefined" && typeof(sessionStorage.getItem('myData')) !== "undefined") {
alert(sessionStorage.getItem('myData'));
} else {
alert('Local storage not available or the data is not saved.');
}
alert(localStorage.getItem('localData'));
alert(document.cookie);
}