diff --git a/test-template-generator/resources/js/linkConnector.js b/test-template-generator/resources/js/linkConnector.js
index 5595e0b..5e37d04 100644
--- a/test-template-generator/resources/js/linkConnector.js
+++ b/test-template-generator/resources/js/linkConnector.js
@@ -2,9 +2,27 @@ const taskArray = tasks.tasks;
 const grid = document.getElementsByClassName("textboxGrid")[0];
 
 for (i=0; i<taskArray.length; i++) {
-    let mess = '<div class=linkElement>';
-    mess += '<h2><a href="' + taskArray[i]["path"] + '">' + taskArray[i]["name"] + '</a></h2>';
-    mess += '</div>';
 
-    grid.innerHTML+=mess;
+    const linkElement = document.createElement("div");
+    linkElement.className = "linkElement";
+
+    //TODO: taskArray needs to be preprocessed somehow
+    linkElement.addEventListener("click", function () {
+        window.location = taskArray[i]["path"];
+    } )
+
+    const h2 = document.createElement("h2");
+    const link = document.createElement("a");
+    link.href = taskArray[i]["path"];
+    link.innerHTML = taskArray[i]["name"];
+
+    h2.appendChild(link);
+    linkElement.appendChild(h2);
+    grid.appendChild(linkElement);
+
+    console.log(grid.querySelectorAll(".linkElement")[i]);
+    grid.querySelectorAll(".linkElement")[i].addEventListener("onclick", function () {
+
+        window.location = taskArray[i]["path"];
+    }, false);
 }
\ No newline at end of file