2

sou novato na área e gostaria de saber como faço para identificar qual das id's que acionou a função clicar. Ou se há maneira melhor de realizar esse código, a ideia é fazer um quiz em javascript.

     <div id="perg1">1: Pergunta 1</div>
     <div id="resp1" onclick="clicar()">1 - resposta 1</div>
     <div id="resp2" onclick="clicar()">2 - resposta 2</div>
     <div id="resp3" onclick="clicar()">3 - resposta 3</div>
     <div id="resp4" onclick="clicar()">4 - resposta 4</div>
     <div id="return" onclick="voltar()">Voltar</div>

2 Respostas 2

1

Uma possibilidade é você passar como parâmetro da função (dentro do onclick) o this que é uma palavra reservada que possui o contexto de execução do código.

Naquele momento (dentro do onclick) this é o próprio HTMLElement, ou seja a div em que o onclick foi disparado.

E dentro da sua função clicar você pode utilizar esse parâmetro para pegar o id. Ficando +/- como o exemplo abaixo.

function clicar( el ){
   console.log( el.id );
}
<div id="perg1">1: Pergunta 1</div>
<div id="resp1" onclick="clicar(this)">1 - resposta 1</div>
<!--                             ^ passar `this` como parametro -->
<div id="resp2" onclick="clicar(this)">2 - resposta 2</div>
<div id="resp3" onclick="clicar(this)">3 - resposta 3</div>
<div id="resp4" onclick="clicar(this)">4 - resposta 4</div>
<div id="return" onclick="voltar()">Voltar</div>

1
  • 1
    Deu certo muito obrigado! agora vou ver como usarei a informação que me é retornada.
    – Ade
    22/02/2020 às 18:24
1

Vai na função clicar(), e se estiver utilizando jquery exemplo,

$(this).val();

Dentro da função, coloque um console.log para verificar.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .