Kebab file names

snippets/add-styles.md

@@ -0,0 +1,24 @@
+---
+title: Add styles to HTML element
+tags: browser
+author: chalarangelo
+cover: digital-nomad-14
+firstSeen: 2021-01-07T00:37:43+02:00
+lastUpdated: 2021-01-07T00:37:43+02:00
+---
+
+Adds the provided styles to the given HTML element.
+
+- Use `Object.assign()` and `HTMLElement.style` to merge the provided `styles` object into the style of the given element.
+
+```js
+const addStyles = (el, styles) => Object.assign(el.style, styles);
+```
+
+```js
+addStyles(document.getElementById('my-element'), {
+  background: 'red',
+  color: '#ffff00',
+  fontSize: '3rem'
+});
+```