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");
				klik=!klik;
				if (klik){
					guzik.className="guzikT";
				}
				else{
					guzik.className="guzikF";
				}
				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 language="javascript">
		</script>
	</body>
</html>