WHAT DID I DO WRONG???
window .onload = function () { let btn = document .getElementById("mybutton"); btn .onclick = hello; }; body { background-color:#c3c3c3 } h1 { color:#4c6ebb } <button id="jump" <canvas id="canvas" width="600" height="400"></canvas> <br><br> <button> id="jump">jump</button> canvas { width:100%; background-color: black; } var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var x = 300; var y = 350; context.arc(x, y, 50, 0, 2 * Math.PI); context.fillStyle="red"; context.fill(); btn.onclick = function() { count += 1; y -= 25; context.clearRect(0, 0, 600, 400); context.beginPath(); context.arc(x, y, 25, 0, 2 * Math.PI); context.fillStyle="red"; context.fill(); context.font = '25px Arial'; context.fillStyle = 'white'; context.fillText("Count: " + count, 20, 30); window.requestAnimationFrame(draw); }