diff --git a/docs/index.html b/docs/index.html
index adb6719..1fae978 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -47,7 +47,7 @@ <h2>Wetter Aktuell</h2>
 					</div>
 			
 					<br>
-					<button name="measurementButton" onclick="switchMeasurements()"><span class="icon_s">&#xf107</span> Messwerte anzeigen</button>
+					<button id="measurementButton" onclick="switchMeasurements()"><span class="icon_s">&#xf107</span> Messwerte anzeigen</button>
 					<style>
 						.content .container {
 							width: 290px;
@@ -55,7 +55,7 @@ <h2>Wetter Aktuell</h2>
 						}
 					</style>
 			
-					<div name="measurement" style="max-height: 0px; overflow: hidden; transition: all 1s;">
+					<div id="measurement" style="max-height: 0px; overflow: hidden; transition: all 1s;">
 						<br>
 						<div class="container bg_image">
 							<table>
diff --git a/docs/script.js b/docs/script.js
index c9abda3..8534268 100644
--- a/docs/script.js
+++ b/docs/script.js
@@ -6,8 +6,8 @@ async function getDataText(url) {
 }
 
 function switchMeasurements() {
-	let div_measurements = document.querySelector('[name=measurement]');
-	let button_measurements = document.querySelector('[name=measurementButton]');
+	let div_measurements = document.getElementById('measurement');
+	let button_measurements = document.getElementById('measurementButton');
 
 	if (div_measurements.style.maxHeight == "0px") {
 		div_measurements.style.maxHeight = "2000px";
@@ -38,7 +38,7 @@ async function getWeather() {
 		document.querySelector(".content_container.bg_image").style.background = "url(https://rammer.org/cdn/images/weather/backgrounds/weather/" + data.data.weather_icon + ".jpg)";
 	}
 
-	Array.from(document.querySelectorAll(".content_container.bg_image .container, .content_container.bg_image button")).forEach(e => {
+	Array.from(document.querySelectorAll(".content_container.bg_image mneasurement .container, .content_container.bg_image button")).forEach(e => {
 		e.style.background = "var(--" + data.data.weather_icon + ")";
 	});