Run Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Counter For session!</title> </head> <body> <button type="button" class="click_me">Click</button> <p id="result"> <!-- Here Will Appear the result! --> </p> <p>💡Click on button to increase the counter!</p> <p>For more information visit: <a href="https://www.albashmoparmeg.com/html5-web-storage-api/" target="_blank">Web Storage</a></p> <!-- Jquery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> // Check if browser support localStorage if(localStorage) { $(document).ready(function() { $(".click_me").click(function() { if (sessionStorage.clickcount) { sessionStorage.clickcount = Number(sessionStorage.clickcount)+1; } else { sessionStorage.clickcount = 1; } document.getElementById("result").innerHTML = sessionStorage.clickcount + " session!"; }); }); } else { document.getElementById("result").innerHTML = "Sorry, your browser do not support local storage!"; } </script> </body> </html>