JavaScript Question of the Day March 19, 2025

Consider the following program:

let rect;

function main() {
    rect = new Rectangle(getWidth() / 6, getHeight() / 6);
    rect.setPosition(getWidth() / 2 - rect.getWidth() / 2, 0);
    rect.setColor(Randomizer.nextColor());
    add(rect);

    mouseClickMethod(drop);
}

function drop() {
    setTimer(moveDown, 100);
}

function moveDown() {
    rect.move(0, 5);
}

main();

If we wanted the rectangle rect to stop moving once it hits the bottom of the canvas, which of the following options would be best?

1. Correct Answer
   Incorrect Answer
   a

   Inside of the moveDown function write:

   if (rect.getY() + rect.getHeight() >= getHeight()) {
       stopTimer(moveDown);
   }

   JavaScript
2. Correct Answer
   Incorrect Answer
   b

   Inside of the drop function write:

   if (rect.getY() + rect.getHeight() >= getHeight()) {
       stopTimer(moveDown);
   }

   JavaScript
3. Correct Answer
   Incorrect Answer
   c

   Inside of the main function write:

   if (rect.getY() - rect.getHeight() == getHeight()) {
       stopTimer(moveDown);
   }

   JavaScript
4. Correct Answer
   Incorrect Answer
   d

   Inside of the moveDown function write:

   if (rect.getY() + rect.getHeight() >= getHeight()) {
       stopTimer(draw);
   }

   JavaScript