Revert "Fix typos and break stuff"

This reverts commit 5fa28f80c4.

src/main/resources/static/main.js

@@ -16,6 +16,8 @@ const searchButton = document.getElementById("search-btn");
 const searchBar = document.getElementById("search-entry");
 const sortButton = document.getElementById("sort-btn");
 const resetButton = document.getElementById("reset-tools-btn");
+const upvoteButtons = document.getElementsByClassName("upvote-btn");
+const downvoteButtons = document.getElementsByClassName("downvote-btn");
 export const searchSection = document.getElementById("search");
 const recentSection = document.getElementById("recents");
 const mostLikedSection = document.getElementById("top");
@@ -25,10 +27,22 @@ export let searchBarTimeout;
 const searchDelay = 500;
 
 // Event listeners
-addButton.addEventListener("click", () => location.assign("/add.html"));
-filterButton.addEventListener("change", () => fetchQuery(createQuery(), true));
-filterButton.addEventListener("click", () => fetchCategories());
-searchButton.addEventListener("click", () => fetchQuery(createQuery(), true));
+addButton.addEventListener("click", () => {
+    navigateToAdd();
+});
+
+filterButton.addEventListener("change", () => {
+    fetchQuery(createQuery(), true);
+});
+
+filterButton.addEventListener("click", () => {
+    fetchCategories();
+})
+
+searchButton.addEventListener("click", () => {
+    fetchQuery(createQuery(), true);
+
+});
 
 searchBar.addEventListener("input", () => {
     clearTimeout(searchBarTimeout);
@@ -38,13 +52,15 @@ searchBar.addEventListener("input", () => {
     }, searchDelay);
 });
 
-searchBar.addEventListener('keypress', e => {
+searchBar.addEventListener('keypress', function (e) {
     if (e.key === 'Enter') {
         fetchQuery(createQuery(), true);
     }
 });
 
-sortButton.addEventListener("change", () => fetchQuery(createQuery(), true));
+sortButton.addEventListener("change", () => {
+    fetchQuery(createQuery(), true);
+});
 
 resetButton.addEventListener("click", () => {
     searchBar.value = "";
@@ -54,6 +70,10 @@ resetButton.addEventListener("click", () => {
 });
 
 // functions of the main page
+function navigateToAdd() {
+    window.location.href = "/add.html"; //TODO: move to EventListener?
+}
+
 function getFilterQuery() {
     let filterString = filterButton.value.toUpperCase();
     if (filterString === "NONE") {