19 Mini-Projekt Resize Ball - Ballgröße ändern ( js-Lektionen )
📘 Aufgabe: Objektgröße ändern
Erstelle eine Anwendung "Resize Ball".
Auf der Seite befinden sich ein Ball und 4 Steuerungsbuttons:
↑, ←, ↓, →.
Beim Klick auf die Buttons muss die Größe des Objekts geändert werden.
- Button ↑ — verringert die Höhe des Balls
- Button ↓ — vergrößert die Höhe des Balls
- Button ← — verringert die Breite des Balls
- Button → — vergrößert die Breite des Balls
📐 Logik der Änderung:
- Bei jedem Klick wird der Wert erhöht oder verringert
🧪 Beispiel:
- Die Breite war: 75px
- Geklickt → : wurde 85px
- Geklickt ← : wieder 75px
⚠️ Zusätzliche Aufgabe mit höherem Schwierigkeitsgrad:
- Die Größe darf nicht kleiner als 20px sein
- Du kannst eine maximale Größe hinzufügen (max 450px)