JavaScript Question of the Day March 5, 2025

All of the following programs draw a rectangle on the canvas. Select the option that does the following:

1. The program draws a rectangle when a user clicks and drags on the canvas.
2. The position of the cursor is located at the bottom right corner of the rectangle being drawn.

1. Correct Answer
   Incorrect Answer
   a

   function main(){
       mouseDragMethod(paint);
   }
   
   function paint(e){
       let rect = new Rectangle(50, 50);
       rect.setColor(Randomizer.nextColor());
       rect.setPosition(e.getX() - rect.getWidth(), e.getY() - rect.getHeight());
       add(rect);
   }
   main();

   JavaScript
2. Correct Answer
   Incorrect Answer
   b

   function main(){
       mouseClickedMethod(paint);
   }
   
   function paint(e){
       let rect = new Rectangle(50, 50);
       rect.setColor(Randomizer.nextColor());
       rect.setPosition(e.getX() - 25, e.getY() - 25);
       add(rect);
   }
   main();

   JavaScript
3. Correct Answer
   Incorrect Answer
   c

   function main(){
       mouseDragMethod(paint);
   }
   
   function paint(e){
       let rect = new Rectangle(50, 50);
       rect.setColor(Randomizer.nextColor());
       rect.setPosition(e.getX() + rect.getWidth(), e.getY() + rect.getHeight());
       add(rect);
   }
   main();

   JavaScript
4. Correct Answer
   Incorrect Answer
   d

   function main(){
       mouseMoveMethod(paint);
   }
   
   function paint(e){
       let rect = new Rectangle(50, 50);
       rect.setColor(Randomizer.nextColor());
       rect.setPosition(e.getX() - rect.getWidth() / 2, e.getY() - rect.getWidth() / 2);
       add(rect);
   }
   main();

   JavaScript