JSFiddle - React, Tailwind, and code Playground

by sfoster

HTML

<button id="testButton">test</button>
<p>
Value of sessionStore 'test': <span id="output"></span>
</p>

JavaScript

document.getElementById("testButton").addEventListener("click", function() {
	let currentVal = getValue();
	sessionStorage.setItem("test", ++currentVal);
  updateResult();
});

function getValue() {
	let currentVal = parseInt(sessionStorage.getItem("test"));
  return isNaN(currentVal) ? 0 : currentVal;

}
function updateResult() {
	let value = getValue();
  console.log("updateResult:", value);
	document.getElementById("output").textContent = value;
}

document.addEventListener("DOMContentLoaded", updateResult);