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

Ir para navegação Ir para pesquisar
sem sumário de edição
(Desfeita a edição 98620 de Renee (Discussão))
Etiqueta: Desfazer
Sem resumo de edição
Linha 170: Linha 170:
<body>
<body>
     <div class="borda-container">  
     <div class="borda-container">  
        <div class="input-group">
            <label for="mapType"><b>Local da Hunt:</b></label>
            <select id="mapType" class="maps__select">
                <option value="">Selecione um local</option>
                <option value="NW">NW</option>
            </select>
        </div>
         <div class="input-group">
         <div class="input-group">
             <label for="difficulty"><b>Dificuldade:</b></label>
             <label for="difficulty"><b>Dificuldade:</b></label>
Linha 259: Linha 251:


         document.addEventListener("DOMContentLoaded", function () {
         document.addEventListener("DOMContentLoaded", function () {
            const mapTypeSelect = document.getElementById("mapType");
             const difficultySelect = document.getElementById("difficulty");
             const difficultySelect = document.getElementById("difficulty");
             const tagButtonsContainer = document.getElementById("tagButtons");
             const tagButtonsContainer = document.getElementById("tagButtons");
Linha 351: Linha 342:
   
   
             searchInput.addEventListener("input", () => {
             searchInput.addEventListener("input", () => {
                filterHunts();
            });
            mapTypeSelect.addEventListener("change", function () {
                const selectedMap = this.value;
                difficultySelect.innerHTML = '<option value="">Selecione uma Dificuldade</option>';
                if (selectedMap && hunts[selectedMap]) {
                    const difficulties = new Set(hunts[selectedMap].map(hunt => hunt.difficulty));
                    difficulties.forEach(difficulty => {
                        const option = document.createElement("option");
                        option.value = difficulty;
                        option.textContent = difficulty;
                        difficultySelect.appendChild(option);
                    });
                }
                 filterHunts();
                 filterHunts();
             });
             });
   
   
             function filterHunts() {
             function filterHunts() {
                const selectedMap = mapTypeSelect.value;
                 const selectedDifficulty = difficultySelect.value;
                 const selectedDifficulty = difficultySelect.value;
                 const searchTerm = searchInput.value.toLowerCase();
                 const searchTerm = searchInput.value.toLowerCase();
                 imageContainer.innerHTML = "";
                 imageContainer.innerHTML = "";


                if (!selectedMap) return;
                 const huntList = hunts["NW"]; // Assume que a database é sempre "NW"
 
                 const huntList = hunts[selectedMap];
                 huntList.forEach(hunt => {  
                 huntList.forEach(hunt => {  
                     const hasAllClasses = hunt.classes.includes("Todos");
                     const hasAllClasses = hunt.classes.includes("Todos");
Linha 419: Linha 391:
             }
             }
   
   
            mapTypeSelect.addEventListener("change", filterHunts);
             difficultySelect.addEventListener("change", filterHunts);  
             difficultySelect.addEventListener("change", filterHunts);  


             mapTypeSelect.dispatchEvent(new Event("change"));
             // Preenche as dificuldades disponíveis
            const difficulties = new Set(hunts["NW"].map(hunt => hunt.difficulty));
            difficulties.forEach(difficulty => {
                const option = document.createElement("option");
                option.value = difficulty;
                option.textContent = difficulty;
                difficultySelect.appendChild(option);
            });
 
            filterHunts(); // Filtra as hunts ao carregar a página
         });
         });
     </script>
     </script>
7 752

edições

Menu de navegação