diff --git a/javascript/leafletLayerControl.js b/javascript/leafletLayerControl.js
index 2785fdc32bee68f237aec54997ff08525f95b8e2..9585943e99d06fda50ad4652a6aba4210e2429f4 100644
--- a/javascript/leafletLayerControl.js
+++ b/javascript/leafletLayerControl.js
@@ -16,12 +16,14 @@ var addedLayers = [];
 
 function loadExampleData() {
     if (!exampleLoaded) {
+        
         overlayMaps["Arealdekke"] = Arealdekke;
         overlayMaps["Bygg_f"] = Bygg_f;
         overlayMaps["Bygg_l"] = Bygg_l;
         overlayMaps["Samferdsel"] = Samferdsel;
         overlayMaps["test1"] = test1;
         overlayMaps["test2"] = test2;
+        
         updateSidebar();
         exampleLoaded = true;
         document.getElementById("exampleData").style.display = "none";
@@ -34,7 +36,7 @@ function updateSidebar() {
             addedLayers.push(key);
 
             var layerButton = document.createElement("div");
-            layerButton.innerHTML = "<button id='" + key + "' class='sidebarButton' onclick=handleLayer(" + key + ") />" + key;
+            layerButton.innerHTML = `<button id=${key} class='sidebarButton' onclick='handleLayer("${key}")' />${key}`;
             
             container = document.getElementById("layers");
             container.appendChild(layerButton);
@@ -43,12 +45,12 @@ function updateSidebar() {
     }
 }
 
-function handleLayer(layer) {
-    var name = null;
-    
+function handleLayer(name) {
+    var layer = null;
+
     for (key in overlayMaps) {
-        if (overlayMaps[key] == layer) {
-            name = key;
+        if (key == name) {
+            layer = overlayMaps[key];
             break;
         }
     }