BananaMaster

19 - Mini project Resize Ball — changing the size of a ball (JS lessons)

If you forgot something — click to go to the lesson.

📘 Task: Resize Object

Create an application "Resize Ball".

There is a ball on the page and 4 control buttons: ↑, ←, ↓, →.

When the buttons are clicked, you need to change the size of the object.

• ↑ — decreases the height of the ball
• ↓ — increases the height of the ball
• ← — decreases the width of the ball
• → — increases the width of the ball

📐 Resize logic:

• On each click, the value increases or decreases

🧪 Example:

• Width was: 75px
• Pressed → : becomes 85px
• Pressed ← : back to 75px

⚠️ Advanced task:

• The size should not be less than 20px
• You can add a maximum size (max 450px)