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