Add addClass, removeClass snippets

snippets/addClass.md

@@ -0,0 +1,17 @@
+---
+title: addClass
+tags: browser,beginner
+---
+
+Adds a class to an HTML element.
+
+- Use `Element.classList` and `DOMTokenList.add()` to add the specified class to the element.
+
+```js
+const addClass = (el, className) => el.classList.add(className);
+```
+
+```js
+addClass(document.querySelector('p'), 'special');
+// The paragraph will now have the 'special' class
+```

snippets/removeClass.md

@@ -0,0 +1,17 @@
+---
+title: removeClass
+tags: browser,beginner
+---
+
+Removes a class from an HTML element.
+
+- Use `Element.classList` and `DOMTokenList.remove()` to remove the specified class from the element.
+
+```js
+const removeClass = (el, className) => el.classList.remove(className);
+```
+
+```js
+removeClass(document.querySelector('p.special'), 'special');
+// The paragraph will not have the 'special' class anymore
+```