onclick () не обновляет текст слайдера

Question

У меня есть карта с ползунком, который управляет отображением некоторых точек при перемещении ползунка влево и вправо (с года 1 по год 10).

У меня есть некоторые из этих точек, отфильтрованные по другому параметру, который привязан к 4 отдельным кнопкам.

Когда я перемещаю ползунок, а затем нажимаю на одну из кнопок, текст, который говоритВы, сколько точек на карте не обновляет.Он обновляется только после перемещения ползунка (опять же, не при нажатии кнопки).

Я хочу убедиться, что при нажатии кнопки не только обновляется карта, но и обновляется текст,

Я пробовал разные варианты, но, похоже, ни один из них не работает.Я не совсем уверен, где искать здесь.

Самый простой способ увидеть проблему, перейдя по ссылке, у меня все размещено на bl.ocks.

https://next.plnkr.co/plunk/Ov8dHR7jI09aTFSU (plnkr необходимо обновить для данныхчтобы начать загрузку)

без сообщений об ошибках

Answer 1

Грязное и простое решение - просто заменить filterData() вызов внутри buttonClick тем, что вы делаете в обратном вызове ползунка - document.getElementById("slidertext").innerHTML = "Achieved Goals: " + filterData() + " ";, действительно запутав, что вы не придумали его. Вероятно, следует реорганизовать отдельный метод, чтобы избежать повторения.