JavaScript Animation Quiz

What does the myMove() function do in the given code?

• Changes the background color of the container

• Moves the red box diagonally across the container

• Resizes the red box continuously

• Rotates the container

What is the purpose of clearInterval(id) at the start of the myMove() function?

• It resets the box position to the starting point.

• It stops any previously running animations to prevent overlap.

• It deletes the animation element from the DOM.

• It slows down the animation speed.

What happens when the pos variable reaches 350 in the frame() function?

• The animation continues but slows down.

• The animation resets back to the start.

• The animation stops moving the box.

• The box changes color.

Which of the following methods is used to repeatedly execute the frame() function?

• setTimeout()

• setInterval()

• requestAnimationFrame()

• runInterval()

How often does the frame() function execute?

• Every 5 milliseconds

• Every 10 milliseconds

• Every 50 milliseconds

• Every 100 milliseconds

What does the following line of code do? elem.style.left = pos + 'px';

• Moves the element vertically down by pos pixels.

• Moves the element horizontally to the right by pos pixels.

• Increases the size of the element by pos pixels.

• Rotates the element to the right by pos degrees.

Which CSS property allows the red box to move inside the container?

• float: left;

• position: absolute;

• display: block;

• align-items: center;

Why is the container (#myContainer) set to position: relative;?

• To center the red box inside the container.

• To allow the red box to move relative to the container's boundaries.

• To prevent the container from being moved.

• To rotate the container when the box moves.

What will happen if the pos++ statement is removed from the frame() function?

• The box will move faster.

• The box will move in the opposite direction.

• The box will not move at all.

• The box will move continuously without stopping.

Which event triggers the myMove() function in the HTML code?

• onload

• onmouseover

• onclick

• onchange