Forum Moderators: open
var checkbox = document.querySelector('input[name=theme]'); checkbox.addEventListener('change', function()
{
if(this.checked) {
trans()
document.documentElement.setAttribute('data-theme', 'dark')
} else {
trans()
document.documentElement.setAttribute('data-theme', 'light')
}
}
)
let trans = () => {
document.documentElement.classList.add('transition');
window.setTimeout(() =>
{
document.documentElement.classList.remove('transition')
}, 1000
)
} [edited by: not2easy at 5:45 pm (utc) on Jun 27, 2020]
[edit reason] Added CODE tags/readability [/edit]
checkbox.addEventListener('change', function() {
if(this.checked) {
trans();
document.documentElement.setAttribute('data-theme', 'dark');
} else {
trans();
document.documentElement.setAttribute('data-theme', 'light');
}
});
[edited by: not2easy at 5:51 pm (utc) on Jun 27, 2020]
[edit reason] spaced smilies/readability [/edit]
let trans = () => {
document.documentElement.classList.add('transition');
window.setTimeout(() =>
{
document.documentElement.classList.remove('transition')
}, 1000
)
} [edited by: not2easy at 5:46 pm (utc) on Jun 27, 2020]
[edit reason] Added CODE tags/readability [/edit]
let trans = () => {
document.documentElement.classList.add('transition');
window.setTimeout(() => {
document.documentElement.classList.remove('transition')
}, 1000); // semicolon was missing here
}