Create A Random Color Palette Generator in HTML CSS & JavaScript
In this video, I've shown how to create a Random Color Palette Generator in HTML, CSS, and JavaScript. When the user clicks the "Refresh Palette" button, the program generates a new set of random colors with their hex color code. Users can easily copy the hex color code by clicking on the corresponding color card.
🗂️ Get Source Code of this Random Color Generator
➤ buymeacoffee.com/codingnepal/...
🌐 Visit CodingNepal for helpful coding projects
➤ www.codingnepalweb.com
⭐ Hire me on Fiverr
➤ www.fiverr.com/prakashahi
📷 Follow me on Instagram
➤ / coding.np
🤝 Support my work
➤ buymeacoffee.com/codingnepal
Follow me on Instagram
/ coding.np
#javascript #html #css #javascriptprojects #js
🎵 Music Credit:
Ikson - Anywhere [Official]
• #66 Anywhere (Official)
Something 'bout July (Instrumental) by RYYZN
• Something 'bout July (...
Ikson - We Are Free [Official]
• #83 We Are Free (Offic...
Пікірлер: 61
Live Demo of Random Color Generator www.codingnepalweb.com/demos/color-palette-generator-javascript/
@whitedevilbd
Жыл бұрын
When i put the code in Blogger page size increases, why?
Pretty cool stuff, I really enjoy your content even just for watching XD
Thank you so much. This is definitely helpful , send love to you bro ❤
I'm beginner bro thanks because it's for me best practices
it is the most impressfull project ,
thank you, it helped me a lot
Ohhh, between 8:37 - 9:37 is a great show 👍👍
Thanks for your share
Love from heart bro ❤❤
Big fan sir🥰
Amazing!!! Keep it up!
@CodingNepal
Жыл бұрын
Thank you!!
I'm improving allot on JavaScript through your tutorial 💗💚
@yaxahir4674
Жыл бұрын
which channel you learn java script
@return_undefine
Жыл бұрын
@@yaxahir4674 codingNepal
@yaxahir4674
Жыл бұрын
@@return_undefine bhai js me ek din me kitne hour du
@return_undefine
Жыл бұрын
@@yaxahir4674 please speak English
@yaxahir4674
Жыл бұрын
in day how much time you spend in js
Nice
Amazing!!!!🥰 Can you plz provide source code...
Wow bro
AMAZING STUFF! I'm learning a lot thanks to this tutorial; however, my mentors keep saying its a bad habit to use innerHTML. Is it ok in this case?
@AberrahimCoder
Жыл бұрын
so what should we be using
@MyMomCallsMeCyb3rMan
Жыл бұрын
When inserting plain text, textContent is a better option, if you're inserting html elements, then rather create and attach your own elements.
You got a new subscriber
@CodingNepal
Жыл бұрын
Thank you and don't forget to check out my playlist for more helpful videos.
❤️❤️
I watch all your videos
@CodingNepal
Жыл бұрын
Glad to hear that
Big fan sir 🙏 🇳🇵
@CodingNepal
Жыл бұрын
Thank you
❤❤❤❤❤❤
I admire you very very very very very very very much ❤❤❤❤❤❤❤
@CodingNepal
Жыл бұрын
Happy to hear
Fantastic Website sir
@CodingNepal
Жыл бұрын
Thanks
why we didn't use the function directly at color.addEventListener("click", ()=>copyColor(color, randomHex)) why it doesn't work when i write it like this color.addEventListener("click", copyColor(color, randomHex))
@MyMomCallsMeCyb3rMan
Жыл бұрын
In the second example, you're not passing in a callback function, you're passing in whatever the copyColor function returns (If it doesn't return anything then you're passing in undefined since functions return undefined by default), the addEventListener method takes a callback function as its second argument If you feel my explanation doesn't make sense, please let me know.
I'm getting a console error. While generating a color palette. Can anyone help me out .
Sir ayse hi project react Js pe banaiye please sir
Can you please tell the process of how to host it online
@CodingNepal
Жыл бұрын
You can freely host it on Github with a custom sub-domain. More information can be found at pages.github.com/, or you can use any online hosting provider.
welcome Is it possible to make a complete website using HTML, CSS, Javascript and PHP . please 😎😎😍😍😘😘
@CodingNepal
Жыл бұрын
Yes, definitely
its time to launch a course
@CodingNepal
Жыл бұрын
I'll think on it
Bro where did you learn ?
The copied color code is still lowercase... 🤨
@suraj351
Жыл бұрын
Try to aaply string method toUpperCase( ) 😅
Please tutorial projects hide and seek
why your website scale is big ? pls answer me bro 🤕
mine said null innertext ;-; huhu
in this tutorial codeingnepal you proof how big your programming logic... ? codingnepa i have a another question your are man or woman..
Bro, plzz don't add the music in your upcoming videos & explain every step in english or hindi... Plzzzz plzzz bro🙏