Widget:SearchQuestScript: mudanças entre as edições
Ir para navegação
Ir para pesquisar
${cardData.title}
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 12: | Linha 12: | ||
function filterData(data) { | function filterData(data) { | ||
const temp = data.filter((item) => { | const temp = data.filter((item) => { | ||
if (Number(contentLevel.value) < Number(item.level)) return false | if (Number(contentLevel.value) < Number(item.level) && Number(contentLevel.value) >= Number(item.level) + 100) return false | ||
if ( | if ( | ||
| Linha 42: | Linha 42: | ||
<h2> | <h2> | ||
${cardData.title} <span class="level"> | ${cardData.title} <br /> <span class="level"> Level: ${cardData.level} </span> | ||
</h2> | </h2> | ||
Edição das 10h40min de 16 de dezembro de 2023
<script defer> // Container dos cartões const container = document.querySelector("#app-quests") const contentLevel = document.querySelector("#contentLevel"); const questCheck = document.querySelector("#questCheck"); const catchCheck = document.querySelector("#catchCheck"); const dailyCheck = document.querySelector("#dailyCheck"); const tasksCheck = document.querySelector("#tasksCheck"); const pvpCheck = document.querySelector("#pvpCheck"); const nwCheck = document.querySelector("#nightmareCheck");
function filterData(data) {
const temp = data.filter((item) => {
if (Number(contentLevel.value) < Number(item.level) && Number(contentLevel.value) >= Number(item.level) + 100) return false
if (
questCheck.checked != item.categories.quest &&
catchCheck.checked != item.categories.task &&
dailyCheck.checked != item.categories.daily &&
tasksCheck.checked != item.categories.catch &&
pvpCheck.checked != item.categories.pvp &&
nwCheck.checked != item.categories.nw
) return false;
return true; });
return temp;
}
function createCard(cardData) {
const icons = cardData.icons.map((icon) => (
`<img src="${icon.image}" alt="Icone ${icon.title}">`
));
return (`
<a href="${cardData.link}" class="card">
<main>
<header class="icon-container">
${icons.join("")}
</header>
${cardData.title}
Level: ${cardData.level}
${cardData.description}
</main>
<aside>
<img src="${cardData.imageSource}" alt="Imagem da missão - ${cardData.title}">
</aside>
</a>
`)
}
document.querySelector("#quests-form").addEventListener("submit", function (e) {
e.preventDefault() const filteredData = filterData(json); console.log(filteredData)
filteredData.forEach(data => {
container.innerHTML += (createCard(data))
});
}) </script>