maxzke / filtros-js

Buscador con filtros usando filter js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

filtros-js

Buscador con filtros usando filter js

Comenzando šŸš€

Proyecto No. 17 del curso JavaScript moderno guia Definitiva.

DescripciĆ³n šŸ“‹

Buscador de Autos:

Dado un array de objetos js ( simulando una bd )

const autos = [
    {
        marca: 'BMW',
        modelo:'Serie 3',
        year:2020,
        precio:325874,
        puertas:4,
        color:'negro',
        transmision:'automatico'
    },
    {
        marca: 'Nissan',
        modelo:'Serie 3',
        year:2021,
        precio:900500,
        puertas:4,
        color:'gris',
        transmision:'manual'
    }
    ]

se aplicaran filtros de busqueda por:

  • Marca
  • AƱo
  • Precio Min
  • Precio Max
  • Puertas
  • Transmision
  • Color

Mostrando el resultado dinƔmico sin recargar la pƔgina.

Screenshot

Herramientas šŸ”§

Html Bootstrap para el template, usando Pulse de https://bootswatch.com/

JavaScript puro para el manejo del DOM

Utilizando la funcion Filter para llevar acabo los diferentes filtros encadenados.

About

Buscador con filtros usando filter js


Languages

Language:HTML 53.2%Language:JavaScript 45.9%Language:CSS 0.9%