How can I trigger two functions

Mike Nomad — Mon, 17 Jul 2023 10:15:30 +0000

Hi I am a bit new to Laravel, I bought a template and I am trying to add Chatify to it, Chatify has its own Light/Dark mode and my template also has a light/dark mode, what I would like to do it have the template switch both.

These are the two functions, they are in different files.

` // Theme Change by Header Button - main App switch
$("#themeMood").on("click", function () {
if (currentTheme === "light") {
currentTheme = "dark";
} else {
currentTheme = "light";
}
localStorage.theme = currentTheme;
location.reload();
});

$("#grayScale").on("click", function () {
if ($("html").hasClass("grayScale")) {
$("html").removeClass("grayScale");
localStorage.effect = "";
} else {
$("html").addClass("grayScale");
localStorage.effect = "grayScale";
}
});
// Switch to Dark/Light mode - Chatify switch
$("body").on("click", ".dark-mode-switch", function () {
if ($(this).attr("data-mode") == "0") {
$(this).attr("data-mode", "1");
$(this).removeClass("far");
$(this).addClass("fas");
dark_mode = "dark";
} else {
$(this).attr("data-mode", "0");
$(this).removeClass("fas");
$(this).addClass("far");
dark_mode = "light";
}
});
`

The button in Chatify uses the dark-mode-switch class and the template uses the themeMood id I have tried adding the class to the template button but its not triggering the function, I tried moving the function to the same file, but still didn't work.

Any idea how I can get this to work?

DEV Community: Mike Nomad

How can I trigger two functions