<div>
<button onclick="click()">Click</button>
Clicks: <span class="clicks">0</span>
<!-- 1,000 clicks: -->
<!-- | Click +<span class="click-plus">1</span>
-->
<!-- 1,000,000 clicks: -->
<!-- | CPS: <span class="cps">0</span> -->
let clicks = 0;
function click() {
clicks++; // 5 clicks
// 1,000 clicks
// document.querySelector(".click-plus").textContent =
1;
}
// 20 clicks
// setInterval(function() {
// clicks++;
// 1,000,000 clicks
// document.querySelector(".cps").textContent =
0;
//
document.querySelector(".clicks").textContent = clicks;
// }, 1000)
div {
/* 25 clicks: text-align: center; */
}
button {
/* 3,200 clicks: font-size: 2rem; */
}
button:active {}
button:hover {}
button:focus {}
> const achievements = {zillion: false, gazillion: false, bazillion: false, jillion: false, bajillion: false, squillion: false, mustmiljon: false,
second: false, millisecond: false, microsecond: false, nanosecond: false, picosecond: false, femtosecond: false, attosecond: false,
clicks: false, clicker: false, clickers: false, clicking: false, clicked: false, clickable: false, clickstream: false}
> const achievementsUnlocked = () => Object.values(achievements).reduce((accumulator, achievement) => accumulator + achievement, 0)
>