Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script>
- var totalClicksVar=0;
- var clickVar=0;
- var doubleClickVar=0;
- var mouseOverVar=0;
- var mouseOutVar=0;
- function onClickCounter(){
- clickVar++;
- totalClicksVar++
- document.getElementById("counter").innerHTML="Total Clicks: "+totalClicksVar+"<br>Clicks: "+clickVar+"<br>Double Clicks: "+doubleClickVar+"<br>Mouse Over: "+mouseOverVar+"<br>Mouse Out: "+mouseOutVar;
- WOAH();
- }
- function onDblClickCounter(){
- doubleClickVar++;
- document.getElementById("counter").innerHTML="Total Clicks: "+totalClicksVar+"<br>Clicks: "+clickVar+"<br>Double Clicks: "+doubleClickVar+"<br>Mouse Over: "+mouseOverVar+"<br>Mouse Out: "+mouseOutVar;
- WOAH();
- }
- function onMouseOverCounter(){
- mouseOverVar++;
- document.getElementById("counter").innerHTML="Total Clicks: "+totalClicksVar+"<br>Clicks: "+clickVar+"<br>Double Clicks: "+doubleClickVar+"<br>Mouse Over: "+mouseOverVar+"<br>Mouse Out: "+mouseOutVar;
- }
- function onMouseOutCounter(){
- mouseOutVar++;
- document.getElementById("counter").innerHTML="Total Clicks: "+totalClicksVar+"<br>Clicks: "+clickVar+"<br>Double Clicks: "+doubleClickVar+"<br>Mouse Over: "+mouseOverVar+"<br>Mouse Out: "+mouseOutVar;
- }
- function WOAH(){
- if(totalClicksVar%10==0){
- document.body.style.backgroundColor= "red";
- setTimeout("document.body.style.backgroundColor= 'gray'",250);
- }
- }
- </script>
- </head>
- <body bgcolor="grey">
- <p id="counter">Clicks: 0<br>Double Clicks: 0<br>Mouse Over: 0<br>Mouse Out: 0</p>
- <center>
- <img id="pony" onclick="onClickCounter()" ondblclick="onDblClickCounter()" onmouseover="onMouseOverCounter()" onmouseout="onMouseOutCounter()" src="https://vignette.wikia.nocookie.net/mlpfanart/images/3/30/Luna_Dance_By_Alpha_Channel.gif/revision/latest?cb=20120710235804">
- </center>
- </div>
- </body>
- </html>
- <!--by Jaroslaw Janas-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement