JavaScript
<script>
	var zaehler = -1;
	var ausgabe = document.getElementById('info');
	function init() 
	{
		zaehler = wertHolen("Zaehler")
		if(zaehler < 0)
		{
			ausgabe.innerHTML =  `Das Cookie "Zaehler" wurde nicht gefunden oder ist nicht mehr gültig!` ;
			return;
		}
		zaehler++;
		wertSetzen("Zaehler", zaehler, 600);  			
		ausgabe.innerHTML =  "Anzahl Klicks: " +  zaehler;			
	}
		
	function initNeu() 
	{
		wertSetzen("Zaehler", 0, 600);
		document.getElementById('info').innerHTML = "Zähler neu gesetzt ";
	}
		
	function wertHolen(cookieNamen) 
	{
	   a_guetzli = [];
	   g = document.cookie.split(';');	
		console.log(g);
	   for(i=0;i<g.length;i++) 
	   {           
		 a_guetzli[i] = [];
		 a_guetzli[i] = g[i].split('=');
		  console.log( a_guetzli[i][0] );
		 if(a_guetzli[i][0].trim() == cookieNamen) return(a_guetzli[i][1]); 
	   }
	   console.error(cookieNamen, "Wurde nicht gefunden");
	   return(-1);
	}
	
	function wertSetzen (Bezeichner, Wert, Verfall) 
	{
		var jetzt = new Date();
		Verfall +=  7200 // 2 Stunden zufügen 120 * 60
		jetzt.setSeconds(jetzt.getSeconds() + Verfall);
 			
		document.cookie = Bezeichner + "=" + Wert + "; expires=" + jetzt.toGMTString() + ";SameSite=Strict;";
	}

</script>	
		
HTML
	<a href=https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/cookies target=_blank>Beispiel aus SelfHTML</a><br><br><br>
	<input type="button" onclick="initNeu();" value="Cookie initialisieren"  /><br><br>
	  <span id=info>Klicke auf einem der zwei Butons (wird nur am Start angezeigt)</span><br><br>
	<input type="button" onclick="init();" value="Cookie Hochzählen"  /><br>

Mehrere Spielwiesen zum Thema Cookie