add utility function

package.json

@@ -2,7 +2,7 @@
   "name": "tabs-project",
   "version": "1.0.0",
   "description": "create tabs with vanilla js",
-  "main": "index.html"
+  "main": "index.html",
   "scripts": {
     "start": "parcel index.html --open",
     "test": "jest",

src/index.js

@@ -0,0 +1,5 @@
+import { container } from './utils'
+const newEl = document.createElement('h1')
+const text = document.createTextNode('Hello World')
+newEl.appendChild(text)
+container.appendChild(newEl)

src/utils.js

@@ -0,0 +1,21 @@
+const container = document.getElementById('container')
+const elementContent = document.createElement('div')
+elementContent.id = 'elementContent'
+const flexContainer = document.createElement('div')
+flexContainer.id = 'flexContainer'
+
+const addContent = (parentElement, element, addName, addClass, text) => {
+  const elementNode = document.createElement(element)
+  const textNode = document.createTextNode(text)
+  if (addId !== null) {
+    elementNode.id = addId
+  }
+  if (addClass !== null) {
+    elementNode.className = addClass
+  }
+
+  elementNode.appendChild(textNode)
+  parentElement.appendChild(elementNode)
+}
+
+export { addContent, container, elementContent, flexContainer }