Widget:Test4: mudanças entre as edições

Ir para navegação Ir para pesquisar
sem sumário de edição
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 tagButtonsContainer = document.getElementById("tagButtons");
const tagCheckboxesContainer = document.getElementById("tagCheckboxes");
            const typeButtonsContainer = document.getElementById("typeButtons");
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:




            Object.entries(classIcons).forEach(([cls, icon]) => {
// E depois atualize todas as referências no código
                const button = document.createElement("button");
Object.entries(classIcons).forEach(([cls, icon]) => {
                button.className = "tag-button";
    const button = document.createElement("button");
                button.innerHTML = `<img src="${icon}" alt="${cls}" class="class-icon" title="${cls}">`;
    button.className = "tag-button";
                button.addEventListener("click", () => {
    button.innerHTML = `<img src="${icon}" alt="${cls}" class="class-icon" title="${cls}">`;
                    button.classList.toggle("selected");
    button.addEventListener("click", () => {
                    selectedTags.includes(cls) ? selectedTags.splice(selectedTags.indexOf(cls), 1) : selectedTags.push(cls);
        button.classList.toggle("selected");
                    filterHunts();
        selectedTags.includes(cls) ? selectedTags.splice(selectedTags.indexOf(cls), 1) : selectedTags.push(cls);
                });
        filterHunts();
                tagButtonsContainer.appendChild(button);
    });
            });
    tagCheckboxesContainer.appendChild(button); // Aqui usamos tagCheckboxesContainer
});


            Object.entries(typeIcons).forEach(([type, icon]) => {
Object.entries(typeIcons).forEach(([type, icon]) => {
                const button = document.createElement("button");
    const button = document.createElement("button");
                button.className = "tag-button";
    button.className = "tag-button";
                button.innerHTML = `<img src="${icon}" alt="${type}" class="class-icon" title="${type}">`;
    button.innerHTML = `<img src="${icon}" alt="${type}" class="class-icon" title="${type}">`;
                button.addEventListener("click", () => {
    button.addEventListener("click", () => {
                    button.classList.toggle("selected");
        button.classList.toggle("selected");
                    selectedTypes.includes(type) ? selectedTypes.splice(selectedTypes.indexOf(type), 1) : selectedTypes.push(type);
        selectedTypes.includes(type) ? selectedTypes.splice(selectedTypes.indexOf(type), 1) : selectedTypes.push(type);
                    filterHunts();
        filterHunts();
                });
    });
                typeButtonsContainer.appendChild(button);
    typeCheckboxesContainer.appendChild(button); // Aqui usamos typeCheckboxesContainer
            });
});


function clearFilters() {
function clearFilters() {
7 894

edições

Menu de navegação