993
edições
Sem resumo de edição |
Sem resumo de edição |
||
(8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
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) | if (Number(contentLevel.value) < Number(item.level) || !(Number(contentLevel.value) - 50 <= Number(item.level))) return false; | ||
if ( | if ( | ||
Linha 31: | Linha 31: | ||
function createCard(cardData) { | function createCard(cardData) { | ||
const icons = cardData.icons.map((icon) => ( | const icons = cardData.icons.map((icon) => ( | ||
`<img src="${icon.image}" alt="Icone ${icon.title}">` | `<img src="${icon.image}" title="${icon.title}" alt="Icone ${icon.title}">` | ||
)); | )); | ||
Linha 37: | Linha 37: | ||
<a href="${cardData.link}" class="card"> | <a href="${cardData.link}" class="card"> | ||
<main> | <main> | ||
<h2> | <h2> | ||
${cardData.title} <br /> <span class="level"> Level: ${cardData.level} </span> | ${cardData.title} <br /> <span class="level"> Level: ${cardData.level} </span> | ||
Linha 46: | Linha 42: | ||
<div class="description-container"> | <div class="description-container"> | ||
<p class="description"> | <p class="description" title="${cardData.description}"> | ||
${cardData.description} | ${cardData.description} | ||
</p> | </p> | ||
</div> | </div> | ||
<footer class="icon-container"> | |||
${icons.join("")} | |||
</footer> | |||
</main> | </main> | ||
Linha 67: | Linha 67: | ||
container.innerHTML += (createCard(data)); | container.innerHTML += (createCard(data)); | ||
}); | }); | ||
}) | }); | ||
</script> | </script> |