Fix variable name and update amount of nodes

web/main.js

@@ -3,9 +3,9 @@
 const sensorData = {};
 let liveGraphs = [];
 
-// variables
+// letiables
 let intervalDelay = 5000;
-let amountOfNodes = 4;
+let amountOfNodes = 3;
 
 const socket = new WebSocket("ws://145.92.8.114/ws");
 function openConnection() {
@@ -92,46 +92,46 @@ function nodeData(data, node) {
 
 function createNodeData(node) {
   // Create main div
-  var nodeData = document.createElement("div");
+  let nodeData = document.createElement("div");
   nodeData.className = "nodeData";
 
   // Create flex-NodeData div
-  var flexNodeData = document.createElement("div");
+  let flexNodeData = document.createElement("div");
   flexNodeData.className = "flex-NodeData";
 
   // Create p element
-  var pNode = document.createElement("p");
+  let pNode = document.createElement("p");
   pNode.textContent = "Node " + node;
 
   // Append p to flex-NodeData
   flexNodeData.appendChild(pNode);
 
   // Create flex-LiveData div
-  var flexLiveData = document.createElement("div");
+  let flexLiveData = document.createElement("div");
   flexLiveData.className = "flex-LiveData";
 
   // Create data divs (Temperature, Humidity, Light Intensity)
-  var dataTypes = ["Temperatuur", "Luchtvochtigheid", "CO2", "TVOC"];
+  let dataTypes = ["Temperatuur", "Luchtvochtigheid", "CO2", "TVOC"];
-  var ids = ["temperature", "humidity", "CO2", "TVOC"];
+  let ids = ["temperature", "humidity", "CO2", "TVOC"];
-  var statusIds = ["tempStatus", "humidStatus", "CO2Status", "TVOCStatus"];
+  let statusIds = ["tempStatus", "humidStatus", "CO2Status", "TVOCStatus"];
 
-  for (var i = 0; i < dataTypes.length; i++) {
+  for (let i = 0; i < dataTypes.length; i++) {
-      var dataDiv = document.createElement("div");
+      let dataDiv = document.createElement("div");
 
-      var dataTypeDiv = document.createElement("div");
+      let dataTypeDiv = document.createElement("div");
       dataTypeDiv.textContent = dataTypes[i] + ": ";
 
-      var pElement = document.createElement("p");
+      let pElement = document.createElement("p");
       pElement.id = ids[i] + node;
       pElement.textContent = "Not connected";
 
       dataTypeDiv.appendChild(pElement);
       dataDiv.appendChild(dataTypeDiv);
 
-      var statusElement = document.createElement("div");
+      let statusElement = document.createElement("div");
       statusElement.className = "statusElement";
 
-      var statusText = document.createElement("p");
+      let statusText = document.createElement("p");
       statusText.className = "statusText";
       statusText.id = statusIds[i];
       statusText.textContent = "Not connected";
@@ -146,15 +146,15 @@ function createNodeData(node) {
   flexNodeData.appendChild(flexLiveData);
 
   // Create flex-graph div
-  var flexGraph = document.createElement("div");
+  let flexGraph = document.createElement("div");
   flexGraph.className = "flex-graph";
 
-  var graphDiv = document.createElement("div");
+  let graphDiv = document.createElement("div");
 
-  var graphP = document.createElement("p");
+  let graphP = document.createElement("p");
   graphP.textContent = "Live graph:";
 
-  var liveGraph = document.createElement("div");
+  let liveGraph = document.createElement("div");
   liveGraph.id = "liveGraph" + node;
 
   graphDiv.appendChild(graphP);
@@ -168,7 +168,7 @@ function createNodeData(node) {
   nodeData.appendChild(flexNodeData);
 
   // Check if nodeDataLocation element exists
-  var nodeDataLocation = document.getElementById("nodeDataLocation");
+  let nodeDataLocation = document.getElementById("nodeDataLocation");
   if (nodeDataLocation) {
     // Append main div to nodeDataLocation
     nodeDataLocation.appendChild(nodeData);
@@ -204,5 +204,4 @@ for (let i = 1; i <= amountOfNodes; i++) {
 // make the graphs
 liveGraphs.forEach((graph) => {
   graph.makeGraph();
-});
+});
-