Como usar evento onclick do JavaScrip
Neste vídeo é abordado como usar o evento onClick do javaScript.
Os eventos são ações do usuário, que darão origem à uma interatividade.
O evento, por excelência, é o clique do mouse, porque é o único que o HTML gerencia. Graças ao JavaScript é possível combinar funções e métodos a eventos tais como a passagem do mouse sobre uma área, etc.
Baixar o código fonte desenvolvido na vídeo aula: Baixar
Primeiro vamos criar o página index.html.
Em seguida criamos a estrutura básica do HTML, dentro da tag <body> colocamos a imagem a qual vai chamar a função ligarmaquina()
<img id="celke" onclick="ligarmaquina()" src="maquina-off.png">
Em seguida criamos no <head> a regra da função ligarmaquina().
function ligarmaquina(){
document.getElementById("celke").src = "maquina-on.gif";
}
Abaixo está o código completo.
<!DOCTYPE>
<html lang="pt-br">
<head>
<title>Onclick - Javascript</title>
<meta charset="utf-8">
<script type="text/javascript">
function ligarmaquina(){
document.getElementById("celke").src = "maquina-on.gif";
}
</script>
</head>
<body>
<img id="celke" onclick="ligarmaquina()" src="maquina-off.png">
</body>
</html>
Baixar o código fonte desenvolvido na vídeo aula: Baixar