Функціонал Фільтрації
Мета
Останній, але не менш важливий крок - це додати функціональність для фільтрації статей за темою, яка буде реалізована за допомогою 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
Стан вебсайту
Відео-урок
Ось і все. Ви це зробили. Це ваш повністю функціональний вебсайт. Чудова робота!
Дякуємо за ваш відгук!