Introdução

Nesta documentação de JavaScript veremos como o método onclick() permite executar uma função ao clicarmos em um elemento. Apresentaremos aqui como utilizar o método onclick().

Código 1. Exemplo de uso do onclick através de propriedades HTML.

Como funciona o onclick?

O método onclick executará uma função sempre que o elemento que estiver associado a ele for clicado.

Resultado

Figura 1. Mensagem exibida.

Sintaxe

Exemplo 1

No exemplo a seguir demonstramos como utilizar o onclick através de uma propriedade no HTML:

Exemplo 2

Neste outro exemplo, utilizamos o onclick sem criar uma função:

Exemplo 3

Neste exemplo vamos adicionar o onclick em um botão utilizando JS, sem a propriedade onclick no código HTML:

Conclusão

Através do uso de onclick podemos, por exemplo, exibir uma mensagem na tela quando o usuário clicar em um botão.

Leia o conteúdo completo:

Leia mais

Sua nova carreira começa aqui

Confira

Baixe agora

Veja quem já conseguiu chegar lá

3 Aulas para
Iniciantes

Grátis por tempo limitado

Cadastre-se

Está esperando
o quê?
Se mova!!

Junte-se a nós