Change Background Color On Click - HTML CSS and Javascript

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ม.ค. 2025

ความคิดเห็น •

  • @chrishely8586
    @chrishely8586 4 ปีที่แล้ว +4

    This was really helpful.Thank you! just bought your Udemy course too

  • @candeee26
    @candeee26 6 ปีที่แล้ว +5

    i love your tutorials. there're easy, quicly and quiet. perfect. i'm so thankful!

  • @niyasbeef7815
    @niyasbeef7815 4 ปีที่แล้ว +1

    Awesome 👌👌👌👌👌

  • @NightEdgeVerified
    @NightEdgeVerified 2 ปีที่แล้ว +1

    pls make tutorial for auto changing background on click

  • @thsantos_henrique
    @thsantos_henrique 4 ปีที่แล้ว

    css button 1:56

  • @PhilMinecraft
    @PhilMinecraft 3 ปีที่แล้ว +2

    What about includes header and sidenav?

  • @Greywolf4848
    @Greywolf4848 5 ปีที่แล้ว +7

    doesn't work for me

  • @natalisulcer974
    @natalisulcer974 2 ปีที่แล้ว

    omg )) so easy )) thank you so much

  • @AhmedAzmizem
    @AhmedAzmizem 3 ปีที่แล้ว +1

    What if I wanted to change the background color as well as the font color by a click event on any place on the web page, to create a contrast, is there any way I can do that?

  • @sapphiresky9603
    @sapphiresky9603 3 ปีที่แล้ว +1

    Glad you didn't use note! Thank you.

  • @featuretechprojects
    @featuretechprojects 4 ปีที่แล้ว +2

    you have made this presentation on what ?

  • @brunosantos9551
    @brunosantos9551 4 ปีที่แล้ว +1

    Wish i could do this to animated gradients, actually trying to do that... but no luck.

  • @locomotivpk
    @locomotivpk 3 ปีที่แล้ว

    Question:
    color = color < color.length ? ++color : 0;
    Why you placed ? before pre incrementation in this code?

  • @rakeshraman4380
    @rakeshraman4380 3 ปีที่แล้ว

    Good Day, Sir. You have done a colorful job. Your video will really bring color to my knowledge. Thanks again, Sir.

  • @thsantos_henrique
    @thsantos_henrique 4 ปีที่แล้ว

    script done 5:55

  • @raycoustum
    @raycoustum 5 ปีที่แล้ว +2

    Whats the name of that page with those colors?

  • @ezzerrah8897
    @ezzerrah8897 5 ปีที่แล้ว +2

    im trying to learn java. thank you for your sample. it's so easy to understand. how can i access the color code you were just copying. i think that is also good for beginner like me. thank you.:)

    • @strangejmaster
      @strangejmaster 5 ปีที่แล้ว +3

      Java or Javascript? There very different... I'm probably going to get like r/whooshed...

    • @NotAltergeist
      @NotAltergeist 5 ปีที่แล้ว

      @@strangejmaster I don't think it's a woosh lol, he's serious.

    • @arazmammadov9276
      @arazmammadov9276 4 ปีที่แล้ว

      Please note, Java is different than JavaScript

  • @jharaislam4928
    @jharaislam4928 2 ปีที่แล้ว

    very nice bro

  • @thsantos_henrique
    @thsantos_henrique 4 ปีที่แล้ว

    button 0:44

  • @sangkarinairkochunninair4246
    @sangkarinairkochunninair4246 4 ปีที่แล้ว +1

    Sir is this project can be link to java applet to javascript sir?

  • @thsantos_henrique
    @thsantos_henrique 4 ปีที่แล้ว

    css body 1:35

  • @andresj4353
    @andresj4353 4 ปีที่แล้ว +2

    dont really get why it doesn't work if you put i++ instead of ++i. can someone explain?

    • @pervanghatrajathchachu1100
      @pervanghatrajathchachu1100 4 ปีที่แล้ว

      it goes in this way
      i=0;
      a=i++;
      b=++i;
      now the value of a is 0 but value of b is 1
      ++i gets incremented there itself where as i++ gets incremented when i is mentioned after i++.
      if, it was in this way
      i=0;
      a=i++;
      a=i;
      b=++i;
      then a and b would be 1.

  • @nayeemuddin4625
    @nayeemuddin4625 4 ปีที่แล้ว +1

    Can i do that with images??? When i reload the page?

    • @deepakkumar-fp8uj
      @deepakkumar-fp8uj 4 ปีที่แล้ว +2

      yes
      add image

    • @nayeemuddin4625
      @nayeemuddin4625 4 ปีที่แล้ว +1

      @@deepakkumar-fp8uj can you help with some tutorial link???

  • @haiderrizvi5015
    @haiderrizvi5015 4 ปีที่แล้ว +4

    When the page has changed to the last colour in the array, then it takes two clicks to change the colour. How to fix this?

    • @stevens1542
      @stevens1542 3 ปีที่แล้ว +1

      in the function add -1 after color.length, like this: "color.length-1 ? ++i : 0;"

  • @Snebbet
    @Snebbet 4 ปีที่แล้ว +1

    how can I change the colour of the button by clicking?

  • @hritwikadubey3964
    @hritwikadubey3964 3 ปีที่แล้ว

    can we change texts in similar way?

  • @GuitarsRgood7
    @GuitarsRgood7 4 ปีที่แล้ว +1

    Good stuff

  • @raycoustum
    @raycoustum 5 ปีที่แล้ว +1

    Cool video, just that id use an id from an html resource.

  • @YangMiyt
    @YangMiyt 4 ปีที่แล้ว +1

    Thank you so much !

  • @iam_shaillu
    @iam_shaillu 3 ปีที่แล้ว

    Hello sir.. can we use this method for switch between only two colours, like night and light mode!

  • @silveribezim9351
    @silveribezim9351 5 ปีที่แล้ว

    Which text editor is this

  • @redheadedgamer88
    @redheadedgamer88 3 ปีที่แล้ว

    What's the website for the colors?

  • @hj1916
    @hj1916 2 ปีที่แล้ว

    Please change the background music to a less dismal and dreary one. Thanks,

  • @AdarshSingh-hm8ss
    @AdarshSingh-hm8ss 6 ปีที่แล้ว +3

    Awesome

  • @julesbarryjohnson9789
    @julesbarryjohnson9789 3 ปีที่แล้ว

    Where do you get the colors from?

  • @luckcity2310
    @luckcity2310 3 ปีที่แล้ว

    im trying to code two buttons one makes the color change and a different one to take me to a different page, i typed in the code for the color change button correctly and it works but when i code in the other button it doesnt work and instead does both things at once so it changes the color and takes me to the next page. how do i fix this? how do i make it so that both codes arent linked to the same button?

    • @oliverman3885
      @oliverman3885 3 ปีที่แล้ว

      did you ever find an answer

  • @maciejmyslinski7820
    @maciejmyslinski7820 5 ปีที่แล้ว +1

    What is the website name for colors?

  • @SadMtn
    @SadMtn 3 ปีที่แล้ว +1

    Thanks :3

  • @nejc3
    @nejc3 4 ปีที่แล้ว +1

    Question,
    Would you also store images in var if I wanted to change the background image on click?

  • @ravin419
    @ravin419 5 ปีที่แล้ว +2

    How to use images instead of colors .i want multiple images on every click.

    • @DemonxModRx
      @DemonxModRx 5 ปีที่แล้ว +1

      same, I'm trying to make a click-based game, where when you click a button, the background image changes. Can you help me if you find a way to do it?

    • @yanickpalmers
      @yanickpalmers 5 ปีที่แล้ว +1

      @@DemonxModRx i can help you, if you still want

    • @DemonxModRx
      @DemonxModRx 5 ปีที่แล้ว +1

      @@yanickpalmers sure!

    • @yanickpalmers
      @yanickpalmers 5 ปีที่แล้ว +1

      @@DemonxModRx add bubblebut1#0169 on discord

    • @davidch6746
      @davidch6746 5 ปีที่แล้ว +1

      @@yanickpalmers public answer pls xd

  • @bobbygupta6754
    @bobbygupta6754 6 ปีที่แล้ว +2

    sir i did but it was chang only one color
    pls tell ,me how slove??

    • @nextgreatest7711
      @nextgreatest7711 5 ปีที่แล้ว

      you have to check if you write the loop correct i++

  • @mello8971
    @mello8971 4 ปีที่แล้ว +1

    Whats with the Song. Somewhat like a horror movie

  • @thisvb
    @thisvb 4 ปีที่แล้ว +3

    h moment netong club

  • @naeetr2350
    @naeetr2350 2 ปีที่แล้ว

    could we just do the function (and how) on the background itself instead of a button ?

    • @troll_ac
      @troll_ac 5 หลายเดือนก่อน

      Hi, do you still want to know the answer to your question)

  • @samjain2001
    @samjain2001 4 ปีที่แล้ว +1

    Background sound too eritating

  • @nishimayekar2701
    @nishimayekar2701 4 ปีที่แล้ว

    Instead of color can the same logic be used to change images

  • @rafaelherrera8297
    @rafaelherrera8297 4 ปีที่แล้ว +3

    h moment

  • @alexgeorgiev6140
    @alexgeorgiev6140 5 ปีที่แล้ว +2

    Hey can you send me code because this code don"t working pls

    • @reonsbd
      @reonsbd 5 ปีที่แล้ว +2

      Switch color "click me"
      var color =["#e74c3c","#3498db","#2ecc71","#95a5a6","#f1c40f","#e74c3c"];
      var i = 0;
      document.querySelector("button").addEventListener("click",function(){
      i=i < color.lenght ? ++i :0;
      document.querySelector("body").style.background= color[i]
      })

    • @deepakkumar-fp8uj
      @deepakkumar-fp8uj 4 ปีที่แล้ว

      @@reonsbd for regular change after last index color:
      add
      if (i == color.length) i = 1;

  • @bilalshuja131
    @bilalshuja131 4 ปีที่แล้ว +1

    i = i< color.length ? ++i :0; i need to know about this statment .. can anyone tell please ???

    • @naveenkr5992
      @naveenkr5992 4 ปีที่แล้ว +1

      It's a kind if conditional statement like if

    • @naveenkr5992
      @naveenkr5992 4 ปีที่แล้ว

      The one between = and ? The condition and the first expression after ? Is executed if the result of the condition is True , if it's false the other one is executed

    • @maxp918
      @maxp918 4 ปีที่แล้ว +1

      It's called the ternary operator: th-cam.com/video/_lEgIImHoM4/w-d-xo.html

  • @user-er5wh8mf8s
    @user-er5wh8mf8s 6 ปีที่แล้ว +1

    How Can I Put Something Like
    onclick
    But I Want It
    while clicking
    ???

  • @abhishekjain5314
    @abhishekjain5314 5 ปีที่แล้ว

    it is not working with for loop

  • @mvrtinmadethebeat
    @mvrtinmadethebeat 3 ปีที่แล้ว

    Bruh, it only changes one color and then nothing works anymore :(

  • @TheKathty
    @TheKathty 6 ปีที่แล้ว +4

    error
    addEventList *e* ner

  • @jackblack2567
    @jackblack2567 5 ปีที่แล้ว

    can i use this to swap text?

    • @rohithraghuram64
      @rohithraghuram64 5 ปีที่แล้ว

      could be used. But i don't know the code

  • @anuragpandey2493
    @anuragpandey2493 6 ปีที่แล้ว

    can you make the same in angular too ..

  • @JV-nx8xm
    @JV-nx8xm 6 ปีที่แล้ว

    AWESOMEEEEE!

  • @MaknunKhan
    @MaknunKhan 4 ปีที่แล้ว

    i = i < color.length ? ++i : 0; could anyone explain what does mean in this code
    ?

    • @RivaanRanawat
      @RivaanRanawat 4 ปีที่แล้ว +2

      It's Ternary operator.
      In if-else statement, you would write the same code as...
      if(i

  • @prashik6328
    @prashik6328 6 ปีที่แล้ว

    it's so cool

  • @raftaartiwari9238
    @raftaartiwari9238 6 ปีที่แล้ว

    Plz video make on scratch card

  • @sanskarkakde2552
    @sanskarkakde2552 3 ปีที่แล้ว

    Disappointing music

  • @MightyMigi
    @MightyMigi 5 ปีที่แล้ว

    DELETE THIS VIDEO AND DO VOICE OVER NO ONE SHOULD HAVE TO WATCH THIS WITH ANNOYING MUSIC