methods for creating tags

main.js

@@ -84,6 +84,45 @@
 
   let removedFilesLinks = []
 
+  class Tag {
+    static make(name, params) {
+      let element = document.createElement(name)
+      for (const [name, value] of Object.entries(params)) {
+        if (name == "on") {
+          for (const [event, listener] of Object.entries(value)) {
+            element.addEventListener(event, listener)
+          }
+        }
+        else if (name == "classes") {
+          element.classList.add(value.split(" "))
+        }
+        else if (name == "children") {
+          element.append(...value)
+        }
+        else
+          element[name] = value
+      }
+
+      return element
+    }
+
+    static div(params) {
+      return this.make("div", params)
+    }
+
+    static span(params) {
+      return this.make("span", params)
+    }
+
+    static button(params) {
+      return this.make("button", params)
+    }
+
+    static input(params) {
+      return this.make("input", params)
+    }
+  }
+
   class Property {
     name
     content