<button id="btn">
</button>
body {
height: 100vh;
margin: 0;
display: grid;
place-items: center;
}
#btn {
font-size: 120px;
}
View Compiled
fetch("https://dave-bot.chriscoyier.workers.dev/get")
.then((response) => response.json())
.then((data) => {
btn.innerHTML = data.burps;
});
btn.onclick = function () {
fetch("https://dave-bot.chriscoyier.workers.dev/increment")
.then((response) => response.json())
.then((data) => {
btn.innerHTML = data.burps;
});
};
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.