JSFiddle - React, Tailwind, and code Playground

by zerrax

HTML

<html>
<body>
<input type="text" id="field" />

<input type="button" value="Save" id="save" />
<input type="button" value="Read" id="read" />
<input type="button" value="Clear" id="clear" />
<script>
var field = document.getElementById("field"),
    save = document.getElementById("save"),
    read = document.getElementById("read"),
    clear = document.getElementById("clear");
 
// Manage Save event
save.addEventListener("click", function(e){
    window.localStorage["e"] = field.value;
}, true);

// Manage Read Event
read.addEventListener("click", function(e){
    alert(window.localStorage["e"].split(",")[0]);
}, true);

// Manage clear event
clear.addEventListener("click", function(e){
    window.localStorage.clear();
}, true);
</script>
</body>
</html>