How do I get another circle to move diagonally across my page

How do I get another circle to move diagonally across my page
0

Link to my code :https://codepen.io/noblegas/pen/BaBzZMO

Create another circle. Then, you need to animate both coordinates (x and y) just like you have done with the y coordinates before for the other circles.

  pos2.y = pos2.y+2;
  pos2.x = pos2.x+2;

Shouldn’t I have like the pythagorean theorem though ?