Add a building dropdown list

Create parent `<div>` elements for both dropdown lists. In addition,
attach a barebones event listener to the new dropdown list

index.html

@@ -134,19 +134,38 @@
                         <label for="droneMode">Drone View</label>
                       </div>
                       <br /> -->
-                      <span><strong>Sensor</strong></span>
-                      <div class="nowrap">
-                        <select id="drop-down--sensor">
-                          <option value="none">None</option>
-                          <option value="vorlauf">Vorlauftemperatur</option>
-                          <option value="ruecklauf">Rücklauftemperatur</option>
-                          <option value="durchfluss">Durchfluss</option>
-                          <option value="leistung">Leistung</option>
-                          <option value="energie">Energie</option>
-                          <option value="energieVerbr">Energie_VERBR</option>
-                        </select>
+                      <div id="drop-down--bldg-parent">
+                        <span><strong>Building</strong></span>
+                        <div class="nowrap">
+                          <select id="drop-down--bldg">
+                            <option value="none">None</option>
+                            <option value="101">Bau 101</option>
+                            <option value="102">Bau 102</option>
+                            <option value="107">Bau 107</option>
+                            <option value="112">Bau 112</option>
+                            <option value="125">Bau 125</option>
+                            <option value="225">Bau 225</option>
+                          </select>
+                        </div>
+                        <br />
+                      </div>
+                      <div id="drop-down--sensor-parent">
+                        <span><strong>Sensor</strong></span>
+                        <div class="nowrap">
+                          <select id="drop-down--sensor">
+                            <option value="none">None</option>
+                            <option value="vorlauf">Vorlauftemperatur</option>
+                            <option value="ruecklauf">
+                              Rücklauftemperatur
+                            </option>
+                            <option value="durchfluss">Durchfluss</option>
+                            <option value="leistung">Leistung</option>
+                            <option value="energie">Energie</option>
+                            <option value="energieVerbr">Energie_VERBR</option>
+                          </select>
+                        </div>
+                        <br />
                       </div>
-                      <br />
                       <!-- <span><strong>Display Options</strong></span>
                       <div class="nowrap">
                         <input id="shadows" type="checkbox" />

public/js/dropDownList.js

 "use strict";
 
+const dropDownBuilding = document.querySelector("#drop-down--bldg");
+const dropDownSensorParent = document.querySelector(
+  "#drop-down--sensor-parent"
+);
 const dropDownSensor = document.querySelector("#drop-down--sensor");
 
+const selectBuildingFromDropDownList = function () {
+  const selectedBuilding =
+    dropDownBuilding.options[dropDownBuilding.selectedIndex].value;
+
+  switch (selectedBuilding) {
+    case "none":
+      break;
+    case "101":
+      console.log("Building 101");
+      break;
+    case "102":
+      console.log("Building 102");
+      break;
+    case "107":
+      console.log("Building 107");
+      break;
+    case "112":
+      console.log("Building 112");
+      break;
+    case "125":
+      console.log("Building 125");
+      break;
+    case "225":
+      console.log("Building 225");
+      break;
+    default:
+      console.log("Default case");
+  }
+};
+
 const selectSensorFromDropDownList = function () {
   const selectedSensor =
     dropDownSensor.options[dropDownSensor.selectedIndex].value;
@@ -32,4 +66,5 @@ const selectSensorFromDropDownList = function () {
   }
 };
 
+dropDownBuilding.addEventListener("change", selectBuildingFromDropDownList);
 dropDownSensor.addEventListener("change", selectSensorFromDropDownList);