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

4.CreateColor

Colors are often defined using RGB notation, such as rgb(10, 100, 255).

Create a React component containing three input fields: one for Red, one for Green and one forBlue. Below these controls, render a square whose background color updates in real time based on the values entered.

Intially, the values for each input, should be 0.

Note: Please add aria-label="square" on the colored square.

Example 1

Input

No input props

Demo

Open demo in new window

You'll see test results here!