Clicker Clicker

Click the button, you might need a beta code to play this game...
Jam year: 
2018
Diversifiers: 
ACCESSIBILITY - One tap for all
DESIGN - I’ll be there in a minute
DESIGN - Created by Warren Robinett
META - Inception
Platforms: 
MS Windows, Mac OS X, Linux / Unix, Web standard (HTML5, Java, JavaScript, Flash)
Credits: 

Code: Olivia Gulin, Frano Stanisic, Saren Currie
Additional Code: Zoe Cai
Automated Testing: Jason Jiang

Game Stills: 
Embed code: 
<script> function increment() { var currentNum = parseInt(document.getElementById('number').innerHTML); if (currentNum % 8 === 0 && currentNum != 0) { document.getElementById('number').setAttribute('style', 'color: #0bdcb7'); } else { document.getElementById('number').setAttribute('style', 'color: #f9879b'); } document.getElementById('number').innerHTML = parseInt(document.getElementById('number').innerHTML) + 1; } </script> <style media="screen"> * { text-align: center; } h1 { font-size: 80px; } button { font-size: 50px; } html, body { height: 100%; } body { background: #efefef; color: #f9879b; font: 700 14px Montserrat, sans-serif; letter-spacing: 0.125em; text-align: center; text-transform: uppercase; } h1 { margin: 3em 0 2em; } .btn { background: none; border: 2px solid; border-bottom-width: 4px; font: inherit; letter-spacing: inherit; margin: 1em; padding: 1em 2em; text-transform: inherit; transition: color 1s; } .btn-6 { color: #f9879b; } .btn-6:hover { animation: pulse 1s ease-in infinite; background: radial-gradient(circle, rgba(249, 135, 155, 0.25) 43%, transparent 50%) 0 0 / 1em 1em, radial-gradient(circle, rgba(249, 135, 155, 0.25) 43%, transparent 50%) 0.5em 0.5em / 2em 2em; color: #0bdcb7; } @keyframes pulse { 50% { background-position: 0.66em 0.66em, -0.33em -0.33em; } 100% { background-size: 2em 2em, 1em 1em; background-position: -1.5em -1.5em, -1em -1em; } } </style> <h1 id="number">0</h1> <button class="btn btn-6" id="click" onclick="increment()">Click</button>