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

JavaScript
1

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

2

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;
3

Shouldn’t I have like the pythagorean theorem though ?