Hola a todos compañeros. Apelo a su sabiduría para ayudarme en esta parte que estoy realmente complicado. Supongo que debe ser por no conocer bien JS y el DOM, aunque vengo desde hace unos meses estudiando a medida que voy pudiendo.

Lo que intento hacer es un filtro solamente con Vanilla JS. Eso implica que no quiero utilizar librerias como jquery ni nada. Solo puro JS para dominar bien el DOM y JS ES6+.

El filtro debe aplicarse al escuchar el evento del click en el button corresponiente. Al precionar el button, deben desaparecer las que no coincidan con este button, o viceversa. Intento hacerlo de manera bien consistente ya que estoy trabajando/practicando/entrenando para crear plantillas para diferentes CMS. Por ende, no puedo pensar unicamente en lo que hay en el html actualmente sino que eventualmente un usuario pueda agregar o eliminar categorias.

Estoy trancado en como crear el programa y su flujo en esta parte: mostrar y ocultar elementos. Porque estoy sumamente perdido en como y qué elementos debo seleccionar. Intente hacerlo con dataset, pero tampoco he podido. Ofrezco como screenshots el html y el js para que me puedan orientar.

Quedo muy atento a sus ayudas.

Saludos comunidad!

https://drive.google.com/open?id=1sUNispNdTymI2cVjq6zJXhKjjsm2M6LI https://drive.google.com/open?id=1crYC33hcnfv_Fql2HQhA21vaWEbrJ-55