Зміст курсу
Основи Веб-Розробки з ШІ
Основи Веб-Розробки з ШІ
Функціонал Фільтрації
Мета
Останній, але не менш важливий крок - це додати функціональність для фільтрації статей за темою, яка буде реалізована за допомогою JavaScript.
Можливий Промпт
Чи можете ви реалізувати функцію фільтрації статей за темою за допомогою HTML кнопок та JavaScript?
Результат
файл index.html
- Ми додаємо блок
nav
доheader
, де будуть розміщені наші кнопки фільтрації; - Ми надаємо кожній статті атрибут
data-category
та відповідне значення теми; - Ми додаємо посилання на файл
index.js
перед закриваючим тегомbody
.
файл index.css
Ми додаємо деякі стилі, щоб кнопки фільтрації виглядали гарно.
файл index.js
Ми вставляємо скрипт, який реалізує логіку фільтрації.
Все це ChaGPT сказав нам зробити. Ми слідували його інструкціям.
index
index
index
Стан вебсайту
Відео-урок
Ось і все. Ви це зробили. Це ваш повністю функціональний вебсайт. Чудова робота!
Дякуємо за ваш відгук!