Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Alguém poderia me explicar essa estrutura no html?

Bom dia pessoal!

Na atividade da aula 04 (https://cursos.alura.com.br/course/javascript-manipulando-dom/task/106409), me deparei com essa estrutura no HTML

<button onclick="mostraTintas(this)">Aluratintas em estoque:</button>

Alguém poderia me explicar o que é esse "this"?

2 respostas
solução!

Oi Daissa, tudo bem?

O "this" é uma palavra-chave do JavaScript que se refere ao objeto atual em um contexto. No caso do exemplo que você mostrou, o "this" se refere ao próprio botão que foi clicado.

Quando o evento "onclick" é acionado, a função "mostraTintas" é chamada e o parâmetro "this" é passado para ela. Isso permite que a função tenha acesso ao botão que foi clicado e possa manipulá-lo de alguma forma.

Por exemplo, dentro da função "mostraTintas", você poderia usar o "this" para alterar o texto do botão ou adicionar uma classe CSS a ele.

Espero ter ajudado a esclarecer sua dúvida!

Um abraço.

Agora entendi, muito obrigada pela explicação Lorena. :D