We are actively looking for staff to help us build the wiki. If you are interested please join our Discord server and apply.
MediaWiki:Masterlist.js: Difference between revisions
Jump to navigation
Jump to search
(Created page with "document.addEventListener('DOMContentLoaded', () => { const icons = document.querySelectorAll('.masterlist-item img'); icons.forEach(icon => { icon.addEventListener('click', () => { icon.classList.toggle('clicked'); }); }); });") |
mNo edit summary |
||
| Line 1: | Line 1: | ||
document.addEventListener('DOMContentLoaded', () => { | document.addEventListener('DOMContentLoaded', () => { | ||
const icons = document.querySelectorAll('.masterlist-item img'); | const icons = document.querySelectorAll('.masterlist-item img'); | ||
// Load saved state from localStorage | |||
icons.forEach(icon => { | |||
const itemId = icon.closest('.masterlist-item').dataset.id; | |||
const isClicked = localStorage.getItem(`icon-${itemId}`) === 'true'; | |||
if (isClicked) { | |||
icon.classList.add('clicked'); | |||
} | |||
}); | |||
// Add click event listeners to toggle clicked state and save to localStorage | |||
icons.forEach(icon => { | icons.forEach(icon => { | ||
icon.addEventListener('click', () => { | icon.addEventListener('click', () => { | ||
const itemId = icon.closest('.masterlist-item').dataset.id; | |||
icon.classList.toggle('clicked'); | icon.classList.toggle('clicked'); | ||
localStorage.setItem(`icon-${itemId}`, icon.classList.contains('clicked')); | |||
}); | }); | ||
}); | }); | ||
}); | }); | ||
Revision as of 16:00, 25 June 2024
document.addEventListener('DOMContentLoaded', () => {
const icons = document.querySelectorAll('.masterlist-item img');
// Load saved state from localStorage
icons.forEach(icon => {
const itemId = icon.closest('.masterlist-item').dataset.id;
const isClicked = localStorage.getItem(`icon-${itemId}`) === 'true';
if (isClicked) {
icon.classList.add('clicked');
}
});
// Add click event listeners to toggle clicked state and save to localStorage
icons.forEach(icon => {
icon.addEventListener('click', () => {
const itemId = icon.closest('.masterlist-item').dataset.id;
icon.classList.toggle('clicked');
localStorage.setItem(`icon-${itemId}`, icon.classList.contains('clicked'));
});
});
});