JavaScript Question of the Day March 6, 2025

All of the following programs add a red and black circle to the canvas. Select the program that follows the following rules:

1. The circles are both added when a user clicks on the canvas
2. The red circle must be to the left of the black circle
3. There is no white space between the circles
4. The circles do not overlap

1. Correct Answer
   Incorrect Answer
   a

   function main() {
       mouseClickMethod(drawCircles);
   }
   
   function drawCircles(e) {
       let circle = new Circle(20);
       circle.setPosition(e.getX(), e.getY());
       add(circle);
   
       let circle2 = new Circle(20);
       circle2.setPosition(e.getX() + circle.getRadius() * 2, e.getY());
       circle2.setColor(Color.red)
       add(circle2);
   }
   main();

   JavaScript
2. Correct Answer
   Incorrect Answer
   b

   function main() {
       mouseMoveMethod(drawCircles);
   }
   
   function drawCircles(e) {
       let circle = new Circle(20);
       circle.setPosition(e.getX(), e.getY());
       add(circle);
   
       let circle2 = new Circle(20);
       circle2.setPosition(e.getX() - circle.getRadius() / 2, e.getY());
       circle2.setColor(Color.red)
       add(circle2);
   }
   
   main();

   JavaScript
3. Correct Answer
   Incorrect Answer
   c

   function main() {
       mouseClickMethod(drawCircles);
   }
   
   function drawCircles(e) {
       let circle = new Circle(20);
       circle.setPosition(e.getX(), e.getY());
       add(circle);
   
       let circle2 = new Circle(20);
       circle2.setPosition(e.getX() + circle.getRadius() / 2, e.getY());
       circle2.setColor(Color.red)
       add(circle2);
   }
   main();

   JavaScript
4. Correct Answer
   Incorrect Answer
   d

   function main(){
       mouseClickMethod(drawCircles);
   }
   
   function drawCircles(e){
       let circle = new Circle(20);
       circle.setPosition(e.getX(), e.getY());
       add(circle);
   
       let circle2 = new Circle(20);
       circle2.setPosition(e.getX() - circle.getRadius() * 2, e.getY());
       circle2.setColor(Color.red)
       add(circle2);
   }
   main();

   JavaScript