diff --git a/snippets/addClass.md b/snippets/addClass.md
new file mode 100644
index 000000000..0bc8b5916
--- /dev/null
+++ b/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
+```
diff --git a/snippets/removeClass.md b/snippets/removeClass.md
new file mode 100644
index 000000000..b6b3b7b9b
--- /dev/null
+++ b/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
+```