Step $1$: Inspect the project

The project contains HTML$,$ CSS$,$ and JavaScript files:

index.html contains a single button for starting the circle animation.

styles.css file defines a CSS transition that animates the circle's size increase over $2$ seconds.

circle.js file contains a click event handler showCircleClick$()$ for the Show Circle button that calls showCircle$()$ to display the orange circle. The showCircle$()$ function returns a Promise object that may be fulfilled or rejected.

The promise is fulfilled in one second if showCircle$()$ is not called a second time before the second elapses.

The promise is rejected if showCircle$()$ is called a second time before the second elapses.

Step $2$: Implement showCircleClick$()$

Modify the showCircleClick$()$ to call showCircle$()$ and handle the fulfilled or rejected callbacks using the returned Promise's then$()$ method.

If the promise is fulfilled, the