Javascript Project for Beginners - Random Color Generator using HTML CSS and Vanilla JS

Learn how to make a random color generator in this Javascript Project for Beginners Tutorial. We will be using HTML, CSS, and Vanilla Javascript in order to create this app. Also, we will utilize CSS Grid, CSS flexbox, setTimeout, forEach, and other code in this project.

If you want to follow me along my coding journey, be sure to subscribe :)

Check out my playlist to see my HTML, CSS, & Javascript Tutorials

How to create a Navbar with HTML and CSS

Udacity Front end Developer Nanodegree

[briandesign]

If you want to follow me along my coding journey, be sure to subscribe :)

[kitsunevader]

I feel so ecstatic! I followed your app and was able to recreate this project. I like your teaching style. You don't assume that we know what you mean, instead you explain step by step. Keep it up!!

[reaceianroeloffze]

Very nice! Liked recreating the idea! Could you possibly do the same project again but this time have a user input the speed at which the colours change? I'd like to see how that's done, if you don't mind doing it like that.

[MotiviqueStudio]

Ingenious. I need to play around with this. Not sure I understand what the math.floor is doing to the letters string though I understand the hex numbering of 16.

[VincentLabStudio]

Good for beginners, and a great video.

[soltsdev]

Can you make a video on create random numbers of box moving random direction with random speed

[moizzaazhar]

i try it but mine is not working
console showing this
begging.js:25 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at begging.js:25

[davidbugatti]

Your videos are quality bro! please make some more, liked and sub :D

[bikramchettri]

Thanks for the video! Can you do a tutorial on touch action?

[Aquil]

Hello thank you for the tutorial. I have the following error in the console when trying to run the app.
"app.js:17 Uncaught TypeError: boxes.forEach is not a function
at start (app.js:17)
at HTMLButtonElement.<anonymous> (app.js:31)"

Also VScode suggest I replace ".forEach" with "any".