PracticeIO Click Counter
How do I make an practiceio click counter?
What is a practiceio click counter? How do you make a practiceio click counter? This script and codes were developed by James Podles on 23 November 2022, Wednesday.
PracticeIO Click Counter - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>PracticeIO Click Counter</title> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ * { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
#world, #secret { display:none;
}
#secret { color:#fff; padding:1em; top:1em; width:90%; position:absolute; text-align:center; font-size:1.5em;
}
div.message { margin-top:25px;
}
body { font-family:'Helvetica';
}
h1,h2,h4{width:100%;text-align:center;}
div.counter { text-align:center; user-select: none; margin: 100px auto;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div id="wrapper"><h1>Click Counter</h1>
<h2>Click anywhere inside the page.</h2>
<h4>Just a boring old click counter. Nothing to see here.</h4>
<div class="counter"> <span>You have clicked this page: </span><span id="count">0</span><span> times.</span> <div class="message"></div> </div> </div>
<canvas id='world'></canvas>
<span id="secret">Congrats! You are a free-minded individual. Have some neat fireworks! <br>Check out the fireworks code over <a href="https://codepen.io/hakimel/pen/KanIi">here</a> on KanTi's page.</span> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='js/kanii.js'></script> <script src="js/index.js"></script>
</body>
</html>
PracticeIO Click Counter - Script Codes CSS Codes
* { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
#world, #secret { display:none;
}
#secret { color:#fff; padding:1em; top:1em; width:90%; position:absolute; text-align:center; font-size:1.5em;
}
div.message { margin-top:25px;
}
body { font-family:'Helvetica';
}
h1,h2,h4{width:100%;text-align:center;}
div.counter { text-align:center; user-select: none; margin: 100px auto;
}
PracticeIO Click Counter - Script Codes JS Codes
var count = 0;
$(window).click(function(){ count = count + 1;
$('#count').empty().append(count); if( count == 10) { $('div.message').empty().append("Click all you want! Nothing cool is going to happen."); } if( count == 20) { $('div.message').empty().append("You're wasting your time."); } if( count == 30) { $('div.message').empty().append("Really, nothing's going to happen!"); } if( count == 40) { $('div.message').empty().append("This is seriously all this thing does."); } if( count == 50) { $('#wrapper').hide(); $('#world,#secret').show(); }
});
Developer | James Podles |
Username | jpod |
Uploaded | November 23, 2022 |
Rating | 4 |
Size | 4,019 Kb |
Views | 10,120 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Envelope Email Form | 4,653 Kb |
Stack of Cards | 2,633 Kb |
Scrambled City | 6,489 Kb |
LED Social Icons | 2,999 Kb |
Flyer-flip | 3,641 Kb |
Soft Progress bar | 3,431 Kb |
CSS Bot Confusion | 3,456 Kb |
SoundCloud CoverFlow | 3,430 Kb |
PracticeIO Cello | 2,675 Kb |
The Safe of Mystery | 4,010 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Animate elements with fixed gradient | Badabam | 4,406 Kb |
Experiment - SCSS SVG Background Image with Variables | See8ch | 3,270 Kb |
Scroll to top button | DominicFrancois | 3,743 Kb |
Simple, flat contact form | Zeaklous | 2,719 Kb |
CSS Dynamic Width Square Div | Elleestcrimi | 2,861 Kb |
Cloud upload | Jaflo | 2,774 Kb |
Box Shadow Effects | Retrofuturistic | 2,143 Kb |
Cool Page Split Effect | Anthonyadamski | 6,128 Kb |
IE11 Test | Boostnewmedia | 4,998 Kb |
Basecamp 3 Document | Lachlanjc | 3,811 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!