I’m stored in localStorage as Input below and i want to display in reverse order as output below
**Input Data
test_11 => Lorem ipsum_21
test_12 => Lorem ipsum_22
test_16 => Lorem ipsum_2563
test_14 => Lorem ipsum_24
**My output to display as below
test_14 => Lorem ipsum_24
test_16 => Lorem ipsum_2563
test_12 => Lorem ipsum_22
test_11 => Lorem ipsum_21
**below is my code
[code]<!DOCTYPE html>
<html>
<body>
<h1>The set the local Storage</h1>
<button onclick=”createItem()”>Set session storage item</button>
<h2>Get the value</h2>
<p>Click the button to get the item value:</p>
<button onclick=”readValue()”>Get the item value</button>
<br/>
<textarea rows=”10″ cols=”60″ id=’reports’>
</textarea>
<script>
function createItem() {
localStorage.setItem(“test_11”, “Lorem ipsum_21”);
localStorage.setItem(“test_12”, “Lorem ipsum_22”);
localStorage.setItem(“test_16”, “Lorem ipsum_253”);
localStorage.setItem(“test_14”, “Lorem ipsum_24”);
}
function readValue() {
var ele = document.getElementById(“reports”);
for (var x = 0; x < localStorage.length; x++) {
var key = localStorage.key(x);
var value = localStorage.getItem(key);
ele.innerHTML += (key + ” => ” + value) + “n”;
}
}
</script>
</body>
</html>
Edited by site staff: Inserted code tags.