Untitled

<html>
<head>
	<title> JS - podstawy </title>
	<meta charset="UTF-8" />
	<style type="text/css">
		.guzikT{
		color:white;
		background-color: #447444;
		border-color: #FFFFFF;
		font-size:10pt;
		}

		.guzikF{
		color:black;
		background-color: #774777;
		border-color: #FFFFFF;
		font-size:10pt;
		}
	</style>
	<script type="text/javascript">
		<!--
			var klik=false;
			var liczba=0;
			function klikniecie(){
				liczba+=1;
				var element=document.getElementById("licz");
				element.innerHTML=liczba;
				var guzik=document.getElementById("guzik");
				if (klik){
					guzik.className="guzikT";
				}
				else {
					guzik.className="guzikF";
				}
				klik=!klik;
				return;

			}
		//-->
	</script>
</head>
<body>
	KlikniÄ™to <span id="licz"> 0 </span> razy.
	<input type="button" id="guzik" name="guzik" value="Kliknij" class="guzikF" onclick="klikniecie();"  />


<script>

</script>
</body>
</html>