Quando você utiliza o seletor getElementsByClassName
, o resultado será um array com todos os elementos que contenham essa classe, então para corrigir o erro, você só precisa definir um índice, por exemplo l[0]
, porém, se você irá atribuir o evento a apenas um item, o ideal é usar o atributo id
e recuperar o elemento com a função getElementById
.
Mas tem outro erro no seu código, para atribuir um evento ao elemento, você precisa usar a função addEventListener
, da maneira como você fez, com o click()
, irá apenas simular o evento no elemento. Veja abaixo um exemplo funcional.
var l = document.getElementsByClassName('btn btn-danger btn-lg btn-block betButton');
l[0].addEventListener('click', function() {
alert('teste');
});
<button class="btn btn-danger btn-lg btn-block betButton">Submit</button>