"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; switch (selectedSensor) { case "none": break; case "vorlauf": console.log("VORLAUF"); break; case "ruecklauf": console.log("RUECKLAUF"); break; case "durchfluss": console.log("DURCHFLUSS"); break; case "leistung": console.log("LEISTUNG"); break; case "energie": console.log("ENERGIE"); break; case "energieVerbr": console.log("ENERGIE_VERBR"); break; default: console.log("Default case"); } }; dropDownBuilding.addEventListener("change", selectBuildingFromDropDownList); dropDownSensor.addEventListener("change", selectSensorFromDropDownList);