Button counter save

programming web dev
1

ello, so i have this button that counts every time you tap it, but whenever you refresh or closes the tab it resests.

I’ve been trying for so long to find a way for it to save your progress, but nothing seems to work. Can u help me?

<body>
<div style=" text-align: center;" 
<h1>Hello my friend if you love chocobos, then you are the right place</h1>
<br>
   <script type="text/javascript">
   var Love = 0;
   function onClick() {
       Love += 1;
       document.getElementById("Love").innerHTML = Love;
   };
   </script>
   <input type="image" src="heart.png" onclick="onClick ()" width="62" height="62" />
   <p>Love given: <a id="Love">0</a></p> 

</div>
2

There are several ways you can persist this information. The more complicated approach would be to save this information on a remote server. The simpler approaches involve saving things local to your machine - cookies, session storage, and local storage. This tutorial explains how you can use local storage for something this: https://www.kirupa.com/things_to_do_with_data/web_storage.htm

:slight_smile: