Merge pull request #53 from ViktorSvertoka/buttonfix

fix: Filter buttons toggle
ViktorSvertoka · Dec 17, 2023 · 42bb34e · 42bb34e
2 parents dc4e524 + ca791c4
commit 42bb34e
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/js/12-exercises.js b/src/js/12-exercises.js
@@ -1,4 +1,3 @@
-
 import APIService from './00-api';
 import icons from '../img/sprite.svg';
 const apiService = new APIService();
@@ -64,4 +63,18 @@ function renderExercises(data) {
     })
     .join('');
   listItem.insertAdjacentHTML('beforeend', markup);
-}
+}
+
+/**
+ * Filter buttons toggle
+ */
+document.addEventListener('DOMContentLoaded', () => {
+  const buttons = document.querySelectorAll('.exercises__btn');
+
+  buttons.forEach(button => {
+    button.addEventListener('click', () => {
+      buttons.forEach(btn => btn.classList.remove('active'));
+      button.classList.add('active');
+    });
+  });
+});