Início Profile Projeto
Avatar de

Nayra Braga Barbosa

Métodos de Array - JS

  • HTML
  • CSS
  • JavaScript

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.