Click Count with JavaScript_localStorage

JavaScript, HTML, CSS

by Sayham Chowdhury

HTML

<div>
<input type="button" value="CLICK HERE" id="countButton" />
Button was pressed - <span id="displayCount">0</span> - times. 
<input type="button" value="RESET" id="resetButton" />
</div>

CSS

#countButton{
  padding: 5px 5px;
}
#resetButton{
  padding: 5px 5px;
}

JavaScript

$("#countButton").on('click', function(e) {
  if (typeof(Storage) !== "undefined") {
    if (localStorage.clickcount) {
      localStorage.clickcount = parseInt($("#displayCount").text());
      localStorage.clickcount = Number(localStorage.clickcount) + 1;
    } else {
      localStorage.clickcount = 0;
    }
    document.getElementById("displayCount").innerHTML = localStorage.clickcount;
  } else {
    document.getElementById("displayCount").innerHTML = 0;
  }
});
$("#resetButton").on('click', function(e) {
  localStorage.clickcount = 0;
  document.getElementById("displayCount").innerHTML = localStorage.clickcount;
});