100 JS Functions

Beginner

1. CurrentYear

2. SimpleCounter

3. DoubleNumber

4. CreateColor

5. DynamicGrid

6. DynamicPictureSize

7. RandomButton

8. TabbedNavigation

9. MathOperator

10. GuessTheNumber

11. BetweenDates

12. Reactions

13. FeedTheBunny

14. Countdown

15. ClickFast

16. SkillsForJobs

17. UsersTabel

18. TodoList

19. UserSearch

20. SpendingInfo

6.DynamicPictureSize

Write a component named DynamicPictureSize that renders 2 text inputs where we will type numbers: one for width and one for height.

The values in those inputs will be used to render an image with the appropriate width and height.

The initial values should be 100 for both with and height. Also, the minimum value should be 20 and the maximum 500.

Use the https://picsum.photos website to render those images.

Example 1

Input

No input props

Demo

Open demo in new window

You'll see test results here!