Indentificar objetos HTML com JavaScript

[rapa-013 0]

Olá!

 

Estou com uma dúvida em JavaScript que não consigo resolver.

 

Contexto:

Em uma página HTML, tenho 10 imagens organizadas, de classe:

<img class='imagens-q'>

e id's de 0 à 9, respectivamente:

<img class='imagens-q' id='0'>
<img class='imagens-q' id='1'>
...
<img class='imagens-q' id='9'>

 

 

Objetivo:

Essas imagens ficam disponíveis para que o usuário escolha (clique) uma ou mais. Minha intenção é justamente obter o id do elemento que o usuário clicar.

 

Resumindo:

Como faço para saber o id da imagem na qual o usuário clicou?

 

OBS: não coloquei nenhum código em JS porque justamente ainda não tenho nenhum código.

[Minatos™ 0]

Basicamente: 

<div id="suadiv"></div>

<script>
  document.getElementById("suadiv").addEventListener("click", function( event ) {
    // mostra o contador de cliques dentro da div clicada
    event.target.innerHTML = "Total de cliques: " + event.detail;
  }, false);
</script>

Você só irá trocar o  .getElementById pelo .getElementsByClassName