How to use Javascript to draw a new moving ball when I click?

I wanna get a new moving ball in random position when I click the canvas with mouse left button.

For example: When I click the canvas three times, I can get three ball moving on the canvas.

This question is from the Khan academy:

My Code