theme always not changing [closed]
Closed as not constructive by Alexei on Aug 2, 2021 at 19:05
This question cannot be answered in a way that is helpful to anyone. It's not possible to learn something from possible answers, except for the solution for the specific problem of the asker.
This question was closed; new answers can no longer be added. Users with the reopen privilege may vote to reopen this question if it has been improved or closed incorrectly.
const body = document.body;
const light = evt => {
body.setAttribute('data-theme', 'light');
localStorage.setItem("theme", "light");
console.log("light");
}
const dark = evt => {
body.setAttribute('data-theme', 'light');
localStorage.setItem("theme", "dark");
console.log("dark");
}
const light_radio_btn = document.getElementById("light");
const dark_radio_btn = document.getElementById('dark');
light_radio_btn.addEventListener('click',light);
dark_radio_btn.addEventListener('click',dark);
<input type="radio" id="dark" value="Dark" name="theme"><label for="dark">Dark</label>
<input type="radio" id="light" value="Light" name="theme"><label for="light">Light</label>
When I select a radioButton theme changes. But, when I select another radioButton the theme isn't changing but, I am getting output in console. No error is available also. Earlier, when I was using select option it was working properly. There's no problem in CSS that's why I am not giving CSS scripts. That's very big.
0 answers
2 comment threads