Dark/Light Mode

Don't tell me this is difficult. Let me show you. Um, I'm gonna show you how to, um, on my website this days, there is a button over there that you're able to click, it changes the background of, of the page. You can switch to dark mode or light mode. This is how they do it. Um, so, okay. First of all, we're gonna have like a style. Style is basically where we're gonna put in the color that we actually want to have. Um, inside the style, we can just gonna write, um, dark. Dark. And then open and close bracket. Inside, we're gonna write, um, background color, and then, um, the background color we're gonna make it, um, black. And then, um, below, we're gonna say color, um, color is everything at the background, right? And, um, color is everything at the foreground, right? So, um, basically, um, we're gonna write in basic JavaScript code. Basically, what we do is, we're gonna say button on click, um, on click of the button that we are actually working on, right? And, um, we're gonna say when we click this button, then the entire document that we are working on right now, the body of it, we want to change the entire body. We want to say, um, document.body.classlist.toggle, um, toggle, and then, um, the name of the class is dark. Dark. And then, um, that's basically how it is. And you will see, the moment I click the change, it will just change to black. I click it again, it changes to white. That's how simple it is.