JavaScript Question of the Day April 9, 2025

The following program results in an error when run:

function main() {
    createSquare(50, 200, 100, "orange");
    changeSquare();
}

function createSquare(size, x, y, color) {
    let rect = new Rectangle(size, size);
    rect.setPosition(x, y);
    rect.setColor(color);
    add(rect);
    return(rect);
}

function changeSquare(square) {
    let size = square.getWidth() + 50;
    square.setSize(size, size);
    square.setColor("red");
}

main();

Which option below will result in a rectangle being added to the canvas without an error occurring?

1. Correct Answer
   Incorrect Answer
   a

   Change line 2 to be, let sqr = createSquare(50, 200, 100, "orange"); and line 3 to be changeSquare(sqr);.

2. Correct Answer
   Incorrect Answer
   b

   Change line 2 to be, let square = createSquare(50, 200, 100, "orange"); and move it outside of the main() function (to line 1). Then remove the square parameter in the changeSquare() function on line 14.

3. Correct Answer
   Incorrect Answer
   c

   Both A and B are valid options to fix the program.

4. Correct Answer
   Incorrect Answer
   d

   Neither A or B will fix the program.