Implementing exercise 3.2

backend/images/scripts/test.js

@@ -0,0 +1,25 @@
+let username = document.getElementById("txt-username")
+let password = document.getElementById("txt-password")
+let loginBtn = document.getElementById("btn-login")
+
+console.log("Active")
+
+function grabData() {
+  console.log("Grabbed Username: " + username?.value + ", grabbed password: " + password?.value)
+}
+
+username?.addEventListener("keypress", (event) => {
+  if (event.key === "Enter") {
+    grabData()
+  }
+})
+
+password?.addEventListener("keypress", (event) => {
+  if (event.key === "Enter") {
+    grabData()
+  }
+})
+
+loginBtn?.addEventListener("click", (event) => {
+  grabData()
+})

backend/routes/files.routes.ts

@@ -30,10 +30,14 @@ files.get("/:folder", async (req: Request, res: Response) => {
   let result = []
   let fileNames = fs.readdirSync("./backend/images/" + req.params.folder + "/")
 
+
   fileNames.forEach(file => {
+    let resData = fs.readFileSync("./backend/images/" + req.params.folder + "/" + file, "utf8")
+
     result.push({
       name: file,
       size: fs.statSync("./backend/images/" + req.params.folder + "/" + file).size,
+      content: resData,
       url: "http://localhost:3000/static/" + req.params.folder + "/" + file
     })
   })