Create A Random Color Palette Generator in HTML CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 17 янв 2023
  • 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.
    Hire me on Fiverr
    www.fiverr.com/prakashahi
    Live Demo or Download Codes of Random Color Palette Generator
    www.codingnepalweb.com/demos/...
    Source codes will be available soon on
    www.codingnepalweb.com
    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...

Комментарии • 62

  • @CodingNepal
    @CodingNepal  Год назад +4

    Live Demo of Random Color Generator
    www.codingnepalweb.com/demos/color-palette-generator-javascript/

    • @whitedevilbd
      @whitedevilbd Год назад

      When i put the code in Blogger page size increases, why?

  • @Pangarmez
    @Pangarmez Год назад

    Thank you so much. This is definitely helpful , send love to you bro ❤

  • @masterofpuppets1767
    @masterofpuppets1767 Год назад

    Pretty cool stuff, I really enjoy your content even just for watching XD

  • @akmal4730
    @akmal4730 Год назад

    I'm beginner bro thanks because it's for me best practices

  • @Nusratbukhari_
    @Nusratbukhari_ Год назад +1

    it is the most impressfull project ,

  • @_ademmeral
    @_ademmeral Год назад

    Ohhh, between 8:37 - 9:37 is a great show 👍👍

  • @neslisahozturk
    @neslisahozturk 10 месяцев назад

    thank you, it helped me a lot

  • @viniciusmeissen
    @viniciusmeissen Год назад

    Thanks for your share

  • @mkhossainx
    @mkhossainx Год назад

    Big fan sir🥰

  • @mdnuruddin6623
    @mdnuruddin6623 Год назад

    Love from heart bro ❤❤

  • @normandie1557
    @normandie1557 Год назад

    Amazing!!! Keep it up!

  • @return_undefine
    @return_undefine Год назад +1

    I'm improving allot on JavaScript through your tutorial 💗💚

    • @yaxahir4674
      @yaxahir4674 Год назад

      which channel you learn java script

    • @return_undefine
      @return_undefine Год назад

      @@yaxahir4674 codingNepal

    • @yaxahir4674
      @yaxahir4674 Год назад

      @@return_undefine bhai js me ek din me kitne hour du

    • @return_undefine
      @return_undefine Год назад +1

      @@yaxahir4674 please speak English

    • @yaxahir4674
      @yaxahir4674 Год назад

      in day how much time you spend in js

  • @faheemwali619
    @faheemwali619 Год назад

    Amazing!!!!🥰
    Can you plz provide source code...

  • @sharpeim5768
    @sharpeim5768 Год назад +4

    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
      @AberrahimCoder Год назад

      so what should we be using

    • @MyMomCallsMeCyb3rMan
      @MyMomCallsMeCyb3rMan Год назад

      When inserting plain text, textContent is a better option, if you're inserting html elements, then rather create and attach your own elements.

    • @HT-ye3py
      @HT-ye3py Год назад

      Then are you going to hardcode html file?

  • @afaqahmad8918
    @afaqahmad8918 Год назад

    Wow bro

  • @codingguru91
    @codingguru91 Год назад

    Nice

  • @sametbilir9857
    @sametbilir9857 Год назад

    I admire you very very very very very very very much ❤❤❤❤❤❤❤

  • @yubiroaster6285
    @yubiroaster6285 Год назад

    Big fan sir 🙏 🇳🇵

  • @utkarshpal2625
    @utkarshpal2625 Год назад

    You got a new subscriber

    • @CodingNepal
      @CodingNepal  Год назад

      Thank you and don't forget to check out my playlist for more helpful videos.

  • @nagarnamit
    @nagarnamit Год назад

    Fantastic Website sir

  • @armorshed1341
    @armorshed1341 Год назад

    I watch all your videos

  • @ankitrawat1333
    @ankitrawat1333 Год назад

    ❤️❤️

  • @selfdevelopment338
    @selfdevelopment338 Год назад

    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
      @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.

  • @markjak5031
    @markjak5031 Год назад

    ❤❤❤❤❤❤

  • @DevDynasty1999
    @DevDynasty1999 Год назад

    Sir ayse hi project react Js pe banaiye please sir

  • @ranapratap1824
    @ranapratap1824 Год назад

    Bro where did you learn ?

  • @nested9301
    @nested9301 Год назад

    why your website scale is big ? pls answer me bro 🤕

  • @dhanushrishivshetter6612
    @dhanushrishivshetter6612 Год назад

    I'm getting a console error. While generating a color palette. Can anyone help me out .

  • @tanmayyguptaa
    @tanmayyguptaa Год назад +1

    Can you please tell the process of how to host it online

    • @CodingNepal
      @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.

  • @manhtganf
    @manhtganf Год назад

    Please tutorial projects hide and seek

  • @Nicola_Tesla452
    @Nicola_Tesla452 Год назад +2

    welcome
    Is it possible to make a complete website using HTML, CSS, Javascript and PHP .
    please 😎😎😍😍😘😘

  • @bayzednotes4593
    @bayzednotes4593 Год назад

    in this tutorial codeingnepal you proof how big your programming logic... ? codingnepa i have a another question your are man or woman..

  • @gachastories3fromrdr849
    @gachastories3fromrdr849 Год назад

    mine said null innertext
    ;-; huhu

  • @carlosmonge135
    @carlosmonge135 Год назад +2

    The copied color code is still lowercase... 🤨

    • @suraj351
      @suraj351 Год назад +1

      Try to aaply string method toUpperCase( ) 😅

  • @shockwave01
    @shockwave01 Год назад

    its time to launch a course

  • @baabaas
    @baabaas Год назад

    Bro, plzz don't add the music in your upcoming videos & explain every step in english or hindi...
    Plzzzz plzzz bro🙏