BananaMaster

20 - Mini project: changing size and color (JS lessons)

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

📘 Task: Block Control (Size and Color)

Create an application "Box Controller".

There is a block on the page, a dropdown (select), and a color picker (input type="color").

The user controls the appearance of the block:

• Using select — changes the size of the block
• Using color input — changes the color of the block

🧪 Example:

• Selected 150 → the block becomes 150px × 150px
• Selected a color → the block immediately changes color