Light/Dark Theme Toggle using HTML CSS & JavaScript

[@hils1015]

So quick and straight to the point and very well done video. Thank you!

[@balenmohammed1657]

You make JavaScript easy to understand and create projects

[@williamkakooza4603]

Thank you😊

[@parodimiguelangel2889]

awesome and useful, thank you!! it really helped me in my project

[@CodeCreativeYT]

Glad it helped!

[@syedsamiulhuda9829]

Awesome explanation bro

[@CodeCreativeYT]

Glad you liked it

[@fedestock77]

Hi, thank you fOr this video. Is there a way to integrate this to Wordpress?

[@azatprojazz]

Tell me buddy, what theme do you have installed? I like the color of the syntax in your javascript. Write down what plugin?

[@CodeCreativeYT]

Hi bro, is one dark pro theme.

[@eruditostecnology2568]

Thanks for sharing!, i really help me in my project

[@CodeCreativeYT]

Most welcome!

[@lorefort]

Brilliant! Thank you.

[@CodeCreativeYT]

My pleasure, thanks too!!

[@dapolcio3405]

This is good for two elements website. If you wanna use it for complex site it's useless.

[@jltg34]

Thanks a bunch!
Very helpful.

[@CodeCreativeYT]

My pleasure, glad to hear that is helpful!

[@chessgames1984]

Thank you!
Good way of explaining.
New subscriber

[@CodeCreativeYT]

Thanks for the sub!

[@hayksedrakyan1086]

Thanks my brother

[@CodeCreativeYT]

My pleasure!!

[@GoD_LeveL_444]

It's helped ❤

[@mrunknown_811]

thank you

[@azri6210]

good content like always ! ✨👑

[@CodeCreativeYT]

Thank you 🙌

[@santo_59]

I love yoy ❤‍🔥

[@cypherecon5989]

When I try translate(-50%, -50%) it does not work. This brings it somehwat in the middle: Do you know why?
i{
font-size: 50px;
position: absolute;
cursor: pointer;
top: 50%;
bottom: 50%;
transform: translate(1500%, 50%);
}

[@siadetx7552]

thank you bro

[@arushatirkey7746]

The code ran except of the background colour which you mentioned.Can you help by saying what might went wrong?

[@edmarkplays376]

Thanks I like your content sir

[@CodeCreativeYT]

Thanks and welcome

[@BlackCherry11140]

help me when i toogle to dark mode my body part text are all white but navbar text are in black color so i cant see them how to fix that

[@CodeCreativeYT]

Hi bro, what's the error message ??

[@BlackCherry11140]

@@CodeCreativeYT when i turn dark mode my navbar brand and link are also black and i cannot see them in dark mode

[@ShqipronImeri]

pls put link you get in bootstrap because I can't find it.Thank You

[@PeriklesPeriklesoglu]

thanks

[@CodeCreativeYT]

You're welcome!

[@abdullahdaoud]

great

[@mokho3027]

good one

[@KaziReazulGaming]

Thanks

[@CodeCreativeYT]

welcome bro

[@mohammednabeel4357]

good job

[@the.element.rosado]

JS looks complicated until you explain each line of code. 🙌🏼
Create a VS Code Extension of you Pseudo coding…

[@ArtsphereOfficial]

Is it possible in android?

[@novavanguard1313]

Its showing cannot read property of toggle

[@alesongalvez7228]

How do we implement the local storage here? Thanks

[@syjosephian8197]

const DarkMode = document.querySelector(".toggle");
const enabledarkmode = ()=>{
document.body.classList.add("darkmode");
localStorage.setItem("darkmode","active");
};
const disabledarkmode = () => {
document.body.classList.remove("darkmode");
localStorage.setItem("darkmode",null);
};
localStorage.getItem("darkmode") === "active" ? enabledarkmode() : "";
DarkMode.addEventListener("click",()=>{
localStorage.getItem("darkmode") === "active" ? disabledarkmode() : enabledarkmode();
});

[@Ram-m1s9b]

❤❤

[@futureherohafizabad]

hy dear its not working ,it show error in js and when i click to switch in drak mode no js apply even i follow all your step and source code but its not working. tell me what i should i do now

[@CodeCreativeYT]

Hi, bro. ok when you like your javascript file from html
what you have to do is like this below

[@CodeCreativeYT]

this way they will load the js first then next html, ok

[@CodeCreativeYT]

[@MKSundaram]

How do I make it permanent change? I mean I want the change should be saved and when I refresh or reopen the page it should open with the new theme.

[@oxy-5313]

You can use localstorage

[@MKSundaram]

@@oxy-5313 Do you have any tutorial on how to use localstorage for this purpose?

[@FameTame]

is it working

[@Minipro12345]

Where bi moon img?

[@Quiz_19]

in my code i used src to change image but the code is note working

[@CodeCreativeYT]

please check the correct path

[@adheeshburthia3584]

When reload it returns to light mode🥲

[@roselynbasan1326]

sir can i download your JavaScript book, in your github?

[@CodeCreativeYT]

Yes, you can

[@MatrixBateman]

Do we have to always toggle to get dark mode?

[@CodeCreativeYT]

Ya

[@mscit_08_omprakash40]

written same code but its not working i tried for the second time but no

[@CodeCreativeYT]

Hi, can you show me your error message please?

[@sanketchavan5179]

Jarvis ka source code de do bhai please

[@codewithchi3fkabbz572]

help me, it doesn't work 🤦🏾‍♂

[@CodeCreativeYT]

Hi, what is the error message you got?

[@umiddev007]

help me ,pleace

[@CodeCreativeYT]

Hi, bro. yes I'm happy to help

[@spyders4445]

He

[@arianclick4701]

😓😓wtf

[@anuragmule1926]

It really work on all break point..?? 🥲🥲