Métodos de Array - JS
JavaScript: Métodos de Array
Este projeto tem como objetivo praticar JavaScript e manipulá-lo utilizando o DOM (Document Object Model) e métodos de array. O projeto já inclui arquivos HTML e CSS, sendo necessária apenas a modificação do código JavaScript. Neste caso, foram utilizados os seguintes métodos de array para fazer as devidas modificações: 'filter()', 'forEach()', 'map()', 'reduce()' e 'sort()'.
- O método 'filter()' foi utilizado para filtrar os livros por categoria (backend, frontend ou dados) e disponibilidade.
- O método 'forEach()' foi utilizado para exibir os livros de acordo com sua disponibilidade. Caso um livro esteja indisponível, sua imagem será exibida com transparência.
- O método 'map()' foi utilizado para aplicar um desconto de 30% ao preço de cada livro, mas apenas será aplicado ao exibir os preços de todos os livros disponíveis.
- O método 'reduce()' foi utilizado para calcular o preço total de todos os livros disponíveis.
- O método 'sort()' foi utilizado para ordenar todos os livros do aplicativo por preço, do menor ao maior.
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Métodos de Array - JS |
🏷️ Tecnologias | HTML, CSS e JavaScript |
🚀 URL | https://alurabooks-js-nayrabra.vercel.app/ |
Entendendo a Funcionalidade
- Ao clicar no botão 'Livros de Front-end', 'Livros de Back-end' ou 'Livros de Dados', serão exibidos os livros daquela categoria, estejam eles disponíveis ou não.
- Ao clicar no botão 'Livros Disponíveis', serão mostrados todos os livros disponíveis, independentemente de sua categoria, e no final será exibido o preço total de todos os livros, aplicando o desconto de 30%.
- Ao clicar no botão 'Ordenar por Preço', todos os livros, disponíveis ou indisponíveis, serão exibidos em ordem crescente de acordo com seu preço.
Feito por:
Nayra Braga Barbosa
Linkedin: https://www.linkedin.com/in/nayra-barbosa/
Página desenvolvida como resultado de um curso na Alura.
Veja meu projeto em: https://github.com/nayrabra/alurabooks-js