separating html into base and unique url files

app/static/budget_categories.js

@@ -0,0 +1,14 @@
+const delButtons = document.getElementsByClassName('del-button');
+
+async function deleteCategory(id){
+    var result = await fetch(`/delete_budget_category/${id}`, {method:'POST'});
+    var data = await result.json();
+    document.getElementById(`${id}-row`).remove();
+}
+document.addEventListener("DOMContentLoaded", (event) => {
+    for(let i = 0; i < delButtons.length; i++){
+        delButtons[i].addEventListener('click', e => {
+            deleteCategory(parseInt(e.target.id))
+        })
+    }
+  });