Trying to get a grasp from frontend

resources/js/main.js

@@ -1,11 +1,42 @@
-fetch("/devices", {
+window.onload = startup;
-    method: "GET"
-})
-    .then(response => {
-        const div = document.getElementById("main");
 
-        let json = response.json();
+async function startup() {
+    const response = await fetch(
+        "/devices",
+        {
+            method: "GET"
+        }
+    );
 
-        console.log(json);
+    const div = document.getElementById("main");
+
+    let json = await response.json();
+
+    console.log(json);
+
+    console.log(json["plugs"]);
+
+    Object.keys(json).forEach(entry => {
+        console.log(entry);
+
+        // const [group_name, devices] = entry;
+
+        // let group_label = document.createElement('label');
+        // group_label.innerText = group_name;
+
+        // div.appendChild(group_label);
+
+        // for (let i = 0; i < devices.length; i++) {
+        //     let device_div = document.createElement('div');
+
+        //     let dev_name = document.createElement('label');
+        //     dev_name.innerText = devices[i][0];
+
+        //     device_div.appendChild(dev_name);
+        //     div.appendChild(device_div);
+        // }
     })
-    .catch(error => console.error(error));
+}
+
+
+