How can I prevent the rectangle from moving out of my canvas.....

Question

How...? Suggest me an idea...
https://code.sololearn.com/WJlw8ql2lJ2d/?ref=app

Answer 1

You can use if statement to move only if it doesn't pop out. :

https://code.sololearn.com/W03R9BDAGnFn/?ref=app

You have written the wrong names for left and right. :-D

Answer 2

Thank you..
Is there any alternative

Answer 3

Arnesh
I can't understand the code,sorry.
Can you please explain what is getBoundingClientRect,
Or suggest me another alternative..

Answer 4

Get Bounding Client rect returns an object with an element dimension, position, etc.
It returns the current position, size, etc. Not the css.

https://code.sololearn.com/W2uo8W0y8MLV/?ref=app

Answer 5

Ok