Build a color tool in vanilla JavaScript
Join 2413 other students
Log in to get
Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.
Subscription includes
with James Q Quick
Course level: Intermediate
Build a cool color lighten/darken tool from scratch and sharpen up your HTML, CSS and vanilla JavaScript skills along the way!
What's inside
This course contains 20 interactive screencasts
You'll learn
Check for a valid hex color
Convert hex to RGB
Display percentage from slider
Alter color by percentage
Create a toggle
Reset functionality
parseInt
textContent
Math.min and Math.max
HTML DOM style Property
Prerequisites
Before taking this course, you should have a solid understanding of HTML, CSS and JavaScript.
Meet your teacher
Why this course rocks
This course hones your HTML, CSS and vanilla JavaScript skills by building a color lighten/darken tool. Throughout the 19 lessons, you’ll solve several interactive challenges which will test your coding knowledge and let you in on a few handy hints along the way.
You’ll build out the skeleton HTML, style it with CSS and add a range of interactive features using vanilla JS - no frameworks required!
By the end of the course, you’ll have built a large project which will look great on your portfolio or pushed to your Github profile - so dive right in and get ready for a colour-switching fun rollercoaster!
Join the community!
Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!
to the QWho is this course for?
This is the perfect course for anyone who wants to practice their JavaScript by building a fun project.
