Функціонал Фільтрації

Мета

Останній, але не менш важливий крок - це додати функціональність для фільтрації статей за темою, яка буде реалізована за допомогою JavaScript.

Можливий Промпт

Чи можете ви реалізувати функцію фільтрації статей за темою за допомогою HTML кнопок та JavaScript?

Результат

файл index.html

• Ми додаємо блок nav до header, де будуть розміщені наші кнопки фільтрації;
• Ми надаємо кожній статті атрибут data-category та відповідне значення теми;
• Ми додаємо посилання на файл index.js перед закриваючим тегом body.

файл index.css
Ми додаємо деякі стилі, щоб кнопки фільтрації виглядали гарно.

файл index.js
Ми вставляємо скрипт, який реалізує логіку фільтрації.

Все це ChaGPT сказав нам зробити. Ми слідували його інструкціям.

Стан вебсайту

Відео-урок

Ось і все. Ви це зробили. Це ваш повністю функціональний вебсайт. Чудова робота!