Change Background Color On Click - HTML CSS and Javascript

[@chrishely8586]

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

[@niyasbeef7815]

Awesome 👌👌👌👌👌

[@NightEdgeVerified]

pls make tutorial for auto changing background on click

[@Greywolf4848]

doesn't work for me

[@candeee26]

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

[@PhilMinecraft]

What about includes header and sidenav?

[@AhmedAzmizem]

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?

[@featuretechprojects]

you have made this presentation on what ?

[@natalisulcer974]

omg )) so easy )) thank you so much

[@jharaislam4928]

very nice bro

[@raycoustum]

Whats the name of that page with those colors?

[@AdarshSingh-hm8ss]

Awesome

[@GuitarsRgood7]

Good stuff

[@sangkarinairkochunninair4246]

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

[@brunosantos9551]

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

[@nayeemuddin4625]

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

[@deepakkumar-fp8uj]

yes add image

[@nayeemuddin4625]

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

[@ezzerrah8897]

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]

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

[@NotAltergeist]

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

[@arazmammadov9276]

Please note, Java is different than JavaScript

[@rakeshraman4380]

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

[@YangMiyt]

Thank you so much !

[@silveribezim9351]

Which text editor is this

[@andresj4353]

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

[@pervanghatrajathchachu1100]

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.

[@locomotivpk]

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

[@redheadedgamer88]

What's the website for the colors?

[@luckcity2310]

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]

did you ever find an answer

[@Snebbet]

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

[@maciejmyslinski7820]

What is the website name for colors?

[@selinkarahan7503]

material palette

[@sapphiresky9603]

Glad you didn't use note! Thank you.

[@raycoustum]

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

[@SadMtn]

Thanks :3

[@julesbarryjohnson9789]

Where do you get the colors from?

[@thsantos_henrique]

css button 1:56

[@hritwikadubey3964]

can we change texts in similar way?

[@haiderrizvi5015]

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]

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

[@iam_shaillu]

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

[@mello8971]

Whats with the Song. Somewhat like a horror movie

[@bobbygupta6754]

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

[@nextgreatest7711]

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

[@hj1916]

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

[@ravin419]

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

[@DemonxModRx]

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]

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

[@DemonxModRx]

@@yanickpalmers sure!

[@yanickpalmers]

@@DemonxModRx add bubblebut1#0169 on discord

[@davidch6746]

@@yanickpalmers public answer pls xd

[@thsantos_henrique]

css body 1:35

[@thsantos_henrique]

button 0:44

[@samjain2001]

Background sound too eritating

[@alexgeorgiev6140]

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

[@reonsbd]

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]

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

[@thsantos_henrique]

script done 5:55

[@mvrtinmadethebeat]

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

[@nejc3]

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

[@halaldose4594]

Maybe it work

[@rafaelherrera8297]

h moment

[@abhishekjain5314]

it is not working with for loop

[@prashik6328]

it's so cool

[@jackblack2567]

can i use this to swap text?

[@rohithraghuram64]

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

[@nishimayekar2701]

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

[@swallowedinthesea11]

Yes!

[@thisvb]

h moment netong club

[@naeetr2350]

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

[@troll_ac]

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

[@user-er5wh8mf8s]

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

[@user-er5wh8mf8s]

MustBeTheGanja Thanks 😍

[@andrejprenkelushaj9499]

@MustBeTheGanja How???????

[@TheKathty]

error addEventList *e* ner

[@OnlineTutorialsYT]

yes

[@andrejprenkelushaj9499]

@@OnlineTutorialsYT what yes lolol

[@raftaartiwari9238]

Plz video make on scratch card

[@JV-nx8xm]

AWESOMEEEEE!

[@bilalshuja131]

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

[@naveenkr5992]

It's a kind if conditional statement like if

[@naveenkr5992]

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]

It's called the ternary operator: kzbin.info/www/bejne/lZ2omHx_oq2ig5Y

[@anuragpandey2493]

can you make the same in angular too ..

[@MaknunKhan]

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

[@RivaanRanawat]

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

[@sanskarkakde2552]

Disappointing music

[@MightyMigi]

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