JavaScript Question of the Day April 4, 2025

Consider the following program:

let rect;
let red = "red";
let blue = "blue";

function main() {
    drawRect(100, 100, getWidth() / 2, getHeight() / 2, blue);
    setTimer(animation, 100);
}

function drawRect(width, height, x, y, color) {
    rect = new Rectangle(width, height);
    rect.setPosition(x - width / 2, y);
    rect.setColor(color);
    add(rect);
    return rect;
}

function animation() {
    rect.setColor(Randomizer.nextColor());
    rect.move(0, 5);
    if (rect.getY() + 100 >= getHeight()) {
        makeRed();
    }

    if (rect.getColor() == red) {
        stopAnimation();
    }
}

function makeRed() {
    rect.setColor(red);
}

function stopAnimation() {
    stopTimer(animation);
}

main();

What will the color of the rectangle be when the program is finished running?

1. Correct Answer
   Incorrect Answer
   a

   The rectangle will stay its initial color of blue

2. Correct Answer
   Incorrect Answer
   b

   The rectangle will change to a random color for 100 milliseconds before the animation stops

3. Correct Answer
   Incorrect Answer
   c

   The rectangle will change to red when it reaches the top of the canvas

4. Correct Answer
   Incorrect Answer
   d

   The rectangle will change to red when it reaches the bottom of the canvas

5. Correct Answer
   Incorrect Answer
   e

   The rectangle will change to red when it reaches the top of the canvas, but will continue to change colors