JavaScript Question of the Day March 14, 2025

The following code adds a circle to the screen that follows the cursor around when it hovers over the canvas:

let circle;
const RADIUS = 50;

function main() {
    circle = new Circle(RADIUS);
    circle.setPosition(getWidth() / 2, getHeight() / 2);
    add(circle);

    mouseMoveMethod(move);
}

function move(e) {
    let x = e.getX();
    let y = e.getY();
// insert code here

    circle.setPosition(x, y);
}

main();

Which of the following options would prevent the circle from moving off of the canvas on the right-hand side when added to the move function?

1. Correct Answer
   Incorrect Answer
   a

   if (x - RADIUS <= 0) {
         x = RADIUS;
   }

   JavaScript
2. Correct Answer
   Incorrect Answer
   b

   if (x - RADIUS >= 0) {
         x = RADIUS;
   }

   JavaScript
3. Correct Answer
   Incorrect Answer
   c

   if (x + RADIUS >= getWidth()) {
         x = getWidth() + RADIUS;
   }

   JavaScript
4. Correct Answer
   Incorrect Answer
   d

   if (x + RADIUS >= getWidth()) {
         x = getWidth() - RADIUS;
   }

   JavaScript