7 894
edições
Sem resumo de edição Etiqueta: Revertido |
Sem resumo de edição Etiqueta: Revertido |
||
Linha 261: | Linha 261: | ||
document.addEventListener("DOMContentLoaded", function () { | document.addEventListener("DOMContentLoaded", function () { | ||
const difficultySelect = document.getElementById("difficulty"); | const difficultySelect = document.getElementById("difficulty"); | ||
const tagCheckboxesContainer = document.getElementById("tagCheckboxes"); | |||
const typeCheckboxesContainer = document.getElementById("typeCheckboxes"); | |||
const imageContainer = document.getElementById("imageContainer"); | const imageContainer = document.getElementById("imageContainer"); | ||
const toggleNeutro = document.getElementById("toggleNeutro"); | const toggleNeutro = document.getElementById("toggleNeutro"); | ||
Linha 282: | Linha 282: | ||
// E depois atualize todas as referências no código | |||
Object.entries(classIcons).forEach(([cls, icon]) => { | |||
const button = document.createElement("button"); | |||
button.className = "tag-button"; | |||
button.innerHTML = `<img src="${icon}" alt="${cls}" class="class-icon" title="${cls}">`; | |||
button.addEventListener("click", () => { | |||
button.classList.toggle("selected"); | |||
selectedTags.includes(cls) ? selectedTags.splice(selectedTags.indexOf(cls), 1) : selectedTags.push(cls); | |||
filterHunts(); | |||
}); | |||
tagCheckboxesContainer.appendChild(button); // Aqui usamos tagCheckboxesContainer | |||
}); | |||
Object.entries(typeIcons).forEach(([type, icon]) => { | |||
const button = document.createElement("button"); | |||
button.className = "tag-button"; | |||
button.innerHTML = `<img src="${icon}" alt="${type}" class="class-icon" title="${type}">`; | |||
button.addEventListener("click", () => { | |||
button.classList.toggle("selected"); | |||
selectedTypes.includes(type) ? selectedTypes.splice(selectedTypes.indexOf(type), 1) : selectedTypes.push(type); | |||
filterHunts(); | |||
}); | |||
typeCheckboxesContainer.appendChild(button); // Aqui usamos typeCheckboxesContainer | |||
}); | |||
function clearFilters() { | function clearFilters() { |