Add new function to format and add rows to a table in the DOM.

assets/factor/factor.js

@@ -0,0 +1,26 @@
+function formatRows(main, prefer, common) {
+    return '<tr><td class="col-xs-3"><input type="text" value="' +main+ '" class="form-control editable" /></td>' +
+        '<td class="col-xs-3"><input type="text" value="' +common+ '" class="form-control editable" /></td>' +
+        '<td class="col-xs-3"><input type="text" value="' +prefer+ '" class="form-control editable" /></td>' +
+
+        '<td class="col-xs-1 text-center"><a href="#" onClick="deleteRow(this)">' +
+        '<i class="fa-solid fa-xmark"></i></a></td></tr>';
+};
+
+function deleteRow(trash) {
+    $(trash).closest('tr').remove();
+};
+
+function addRow() {
+    var main = $('.addMain').val();
+    var preferred = $('.addPrefer').val();
+    var common = $('.addCommon').val();
+    $(formatRows(main,preferred,common)).insertAfter('#addRow');
+    $(input).val('');
+}
+
+$('.addBtn').click(function()  {
+    addRow();
+});
+
+