For this piece of the test, you will have a several CSS and ReactJS questions.
To run this on your personal computer, install nodejs here: I'm an inline-style link. When this is done, go to the terminal, navigate to the correct folder (the folder you need to be in has a public and a src folder), then run npm install and npm start. The App.JS and App.CSS files will need changed.
ReactJS
1. Fill in your name and the date in the "By" line.
*Random Number*
2. Add a Function to be called when the Random Number is clicked to change the Number Header State
3. The random number needs to be between 0 and 100 and showing no decimals
4. Add to the log text area saying "Random Number to " and then the new number generated on a new line.
*Increment Number*
5. Add a Function to be called when the Increment Number is clicked to change the Number Header State
6. If the number will be above 100 (an increment from 100 to 101) display an error stating that the maximum numver is 100
7. Add to the log text area saying "Incremented Number to " and then the new number generated on a new line.
*Log*
8. Add a text area for the log state that is 10 rows in height and 100 in width.
9. Make sure when each button is click, they are visible in the log and each is on a different line. Wording for this is in #4 and #7.
CSS
For the CSS portion, getting the basics is the most important which will be listed below, however if you consider yourself a web designer and want to do more than the list, please do.
1. Style the buttons to any extent you want to
2. Add an image to the background that still allows you to read everything.
3. If the number in the header is greater than or equal to 50, then the number header needs to be a red. If the number is below 50, then the number header needs to be a blue.