Rename js snippets

snippets/js/s/add-styles-to-html-element.md

@@ -0,0 +1,25 @@
+---
+title: Add styles to HTML element
+type: snippet
+language: javascript
+tags: [browser]
+author: chalarangelo
+cover: digital-nomad-14
+dateModified: 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'
+});
+```