Как узнать, нажата ли кнопка в javascript?

Question

мне нужно знать, если кнопка для рисования точек на этой карте ...

https://bl.ocks.org/danswick/083a0b48c2cc78c4a08d

щелкают.

Я пытался использовать этот код Javascript ..

var editButton = document.getElementsByClassName('mapbox-gl-draw_ctrl-draw-btn mapbox-gl-draw_point'); // grab a reference to your element 
editButton.onclick = function(){ 
     alert("Clicked!"); 
    } 

... но ничего не происходит (нет ошибок ...).

Если я пытаюсь проверить значение переменной editButton в моей Chrome консоли я вижу, что это HTMLCollection [1], так что не пустые ...

Предложения/пример/альтернативы?

Answer 1

document.getElementsByClassName возвращает коллекцию. Вам нужно установить обработчик кликов для фактического элемента.

var elements = document.getElementsByClassName('mapbox-gl-draw_ctrl-draw-btn mapbox-gl-draw_point'); 
var editButton = elements[0];