Display localStorage output in reverse order

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

<!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>

nothing says you always have to loop from 0 upwards, you’re free to go in either direction:

for (var x = localStorage.length - 1; x >= 0; x--)