Implementação da Funcionalidade de Filtragem

Objetivo

Por fim, o último passo é adicionar a funcionalidade de filtragem dos artigos por tópico, que será implementada utilizando JavaScript.

Prompt Possível

É possível implementar o recurso de filtragem de artigos por tópico utilizando botões HTML e JavaScript?

Resultado

Arquivo index.html

• Inclusão de um bloco nav no header para posicionamento dos botões de filtragem;
• Atribuição do atributo data-category a cada artigo, com o valor correspondente ao tópico;
• Inclusão do link para o arquivo index.js antes da tag de fechamento do body.

Arquivo index.css
Adição de estilos para melhorar a aparência dos botões de filtragem.

Arquivo index.js
Inclusão do script que implementa a lógica de filtragem.

Todas essas etapas foram orientadas pelo ChatGPT. Seguimos suas instruções.

Estado do Site

Tutorial em Vídeo

Aqui está. Você conseguiu. Este é o seu site completo e totalmente funcional. Excelente trabalho!