more tests

index.html

@@ -90,23 +90,24 @@
 
             function draw() {
                 // Clear the canvas and fill with background color
-                ctx.fillStyle = 'lightblue';
+                ctx.fillStyle = '#add8e6';
                 ctx.fillRect(0, 0, canvas.width, canvas.height);
 
                 // Draw all circles
                 circles.forEach(circle => {
                     ctx.beginPath();
                     ctx.arc(circle.x, circle.y, 100, 0, Math.PI * 2); // Radius of 50
-                    ctx.fillStyle = circle.color || 'white';
+                    ctx.fillStyle = circle.color || '#fff';
                     ctx.fill();
                     ctx.closePath();
                 });
+                updateStatusText(`Draw: ${circles.length}`);
 
                 animationId = requestAnimationFrame(draw);
             }
 
             function addCircle(x, y, id) {
-                circles.push({ id, x, y, color: 'white' });
+                circles.push({ id, x, y, color: '#fff' });
                 resetTimer();
                 updateStatusText(`Circle added: ${id}`);
             }