JavaScript

Front-end
#1

Como posso dizer que aquele determinado button foi acessado?

tipo:

caso esse button foi clicado faça determinada coisa. exe:

> var x = document.getElementByClassName("button").onclick = function(){
> if(x){
> faça isso.
>     }
> }
#2

Oi Pedro, beleza?

Vou considerar seu HTML só com um botão:

<button class="button">
  Clica nimim!
</button>

Agora comentando do JS:

1 - diferente do getElementById, byClassName é getElementsByClassName. Pegar pelo ID é fácil pois só pode ter um, agora classes ou tags podem ter vários, por isso que colocaram esse S no final.

2 - O getElementsByClassName traz uma lista de elementos, nesse caso do HTML ali de cima ele vai pegar quantos? Só um! Mesmo sendo só um elemento, ainda é uma lista (array) de um elemento. Nesse caso, para você usar o getElementsByClassName, precisa dizer qual posição da lista que ele traz você quer, pra isso só colocar um [0]. Colocando 0 ele vai pegar o primeiro item. Se você quisesse o terceiro elemento, colocaria [2].

3 - Você quer que ele faça X coisa se ele for clicado, e se não for clicado não faça nada?
Se for isso, nem precisa do if. O evento que você está passando (onclick) já faz isso, se clica faz X, se não clica não faz nada.

Agora o JS:

var x = document.getElementsByClassName("button")[0].onclick = function(){
  alert('Yey!');
}

Espero ter ajudado,

Abcz!

1 curtida