Как использовать измененное значение переменной, если предыдущее значение уже используется?

Question

Я пытаюсь использовать переменную с базовым значением, эта переменная используется несколько раз в моем коде. Позже, когда кнопка нажата, я хочу использовать другое значение. Поэтому, когда значение этой переменной меняется, вещи тоже должны меняться, что-то вроде привязки.

Проблема, с которой я сталкиваюсь, заключается в том, что переменная меняется, но другие методы, которые я использую, не изменяются вместе с ней, потому что они уже используются (я хочу, чтобы они запускались снова, когда это произойдет). Так какой же метод лучше для этого?

Если что-то неясно, пожалуйста, попросите дополнительную информацию :) Заранее спасибо, ребята!

var gebouwen = {
    "zoneBounds": [[20,25], [30,35]],
    "minZoom": 2,
    "maxZoom": 5,
    "bounds1": -20,
    "bounds2": -20,
    "bounds3": 55,
    "bounds4": 65,
    "boundsmap": [[0,0], [35, 45]],
    "imageBuilding": 'img/building2.png'
};
var gebouw1 = {
    "zoneBounds": [[30,35], [40,45]],
    "minZoom": 2,
    "maxZoom": 3,
    "bounds1": -10,
    "bounds2": -10,
    "bounds3": 55,
    "bounds4": 85,
    "boundsmap": [[0,0], [45, 75]],
    "imageBuilding": 'img/plattegrond.png'
};
var gebouw2 = {
    "zoneBounds": [[30,35], [40,45]],
    "minZoom": 2,
    "maxZoom": 3,
    "bounds1": -10,
    "bounds2": -10,
    "bounds3": 55,
    "bounds4": 85,
    "boundsmap": [[0,0], [35, 45]],
    "imageBuilding": 'img/building2.png'
};

Итак, эти переменные я использую. gebouwen является основным, и если я нажму кнопку, gebouwen будет равен gebouw1, а если я нажму другую кнопку, gebouwen будет равен gebouw2 (gebouw = building).

<div id="building_page"> 
   <button id="building_1" >building 1</button>
   <button id="building_2" >building 2</button>
</div>

Это HTML

var buttonBuilding1 = document.getElementById("building_1");
var buttonBuilding2 = document.getElementById("building_2");

buttonBuilding1.addEventListener("click", function() {
    tabbar.style.display = "flex";
    mapPage.style.display = "block";
    buildingPage.style.display = "none";
    gebouwen = gebouw1;
})

buttonBuilding2.addEventListener("click", function() {
    tabbar.style.display = "flex";
    mapPage.style.display = "block";
    buildingPage.style.display = "none";
    gebouwen = gebouw2;
})

например, я использую gebouwen в этой переменной. Но когда это установлено и кнопка нажата, я хочу, чтобы она также изменилась.