From 0e8246002f80be5db269273bde912744b90f483e Mon Sep 17 00:00:00 2001
From: Chalarangelo <chalarangelo@gmail.com>
Date: Wed, 30 Dec 2020 19:21:15 +0200
Subject: [PATCH] Add addClass, removeClass snippets

---
 snippets/addClass.md    | 17 +++++++++++++++++
 snippets/removeClass.md | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 snippets/addClass.md
 create mode 100644 snippets/removeClass.md

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
+```