summary | time | deliverables |
---|---|---|
Use Javascript form events to adjust the background colour of a circle on the screen. |
1 hour |
1 HTML file, 1 CSS file, 1 JS file |
- Fork this repository.
- Make a
<form>
tag with an<input>
inside it—usetype="color"
for the input. - When the form’s
change
event fires, adjust thebackground-color
of the ball to match the input’s value. - Run it through Markbot and make sure it passes all the checks.
Create the interaction shown in the linked video.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit online.
These challenges are here if you’d like to try a little more work—they are for extra experience and learning. They are completely optional and not graded. Show them to me if you’d like—I’d love to see them.
- Allow the user to add a new ball to the screen by clicking a button. Changing the colour will now affect that ball.
- Allow the user to click on any ball, changing the focus, therefore the colour changes the focused ball.