html and js for spliting lines

app/static/split_line.js

@@ -0,0 +1,25 @@
+const addLineButton = document.getElementById("add-line-button");
+const lineContainer = document.getElementById('table-body');
+
+function addLine(){
+    const columns = ['Amount', 'Vendor', 'Confirmation Code', 'Note'];
+    var tr = document.createElement('tr');
+    var counter = 2;
+    columns.forEach(column => {
+        var td = document.createElement('td');
+        var ip = document.createElement('input');
+        ip.type = 'text'
+        ip.classList = 'form-control'
+        ip.name = `${column}-${counter++}`
+        ip.placeholder = column
+        td.appendChild(ip)
+        tr.appendChild(td)
+    })
+    lineContainer.appendChild(tr)
+    
+}
+
+
+document.addEventListener('DOMContentLoaded', () => {
+    addLineButton.addEventListener('click', addLine)
+})