Add addStyles

snippets/addStyles.md

@@ -0,0 +1,20 @@
+---
+title: addStyles
+tags: browser,beginner
+---
+
+Adds the provided styles to the given element.
+
+- Use `Object.assign()` and `ElementCSSInlineStyle.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'
+});
+```