const ball = { x: canvas.width / 2, y: canvas.height / 2, size: 10, speed: 4, dx: 4, dy: -4 } // draw ball on canvas function drawBall() { ctx.beginPath(); ctx.arc(ball.x, ball.y, ball.xize, 0, Math.PI * 2); ctx.fillStyle = '#0095dd'; ctx.fill(); ctx.closePath(); }

Estoy tratando de dibujar una pelota usando un lienzo.

 ctx.arc(ball.x, ball.y, ball.xize, 0, Math.PI * 2);

Esta línea llama a arc() e intenta leer ball.size accediendo a ball.xize . Es un error tipográfico.
En los idiomas con los que estoy familiarizado, los errores tipográficos como este generan mensajes de error que pueden ayudar a identificar rápidamente la causa. No hay ninguno con javascript. ¿Cuál es la forma canónica de depurar javascript en tales casos? ¿Tenemos que leer y verificar todas y cada una de las líneas como lo hice aquí?