-
Notifications
You must be signed in to change notification settings - Fork 0
/
testejava2.html
24 lines (23 loc) · 956 Bytes
/
testejava2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE htmal>
<html>
<head>
<title>Teste JavaScript </title>
<meta charset="UTF-8"/>
<script>
function acendeLampada() { <!-- Tudo que está entre parentes são parametros e entre colchetes são codigos -->
document.getElementById("luz").src = "_imagens/lampada-acesa.jpg";
}
function apagaLampada() {
document.getElementById("luz").src = "_imagens/lampada-apagada.jpg";
}
function quebraLampada() {
document.getElementById("luz").src = "_imagens/lampada-quebrada.jpg";
}
</script>
</head>
<body>
<h1>Acenda a Lâmpada</h1>
<img src="_imagens/lampada-apagada.jpg" id="luz" onmousemove="acendeLampada()" onmouseout="apagaLampada()" onclick="quebraLampada() "/> <!-- onclick comando de JS que realiza uma ação ao clicar no local, neste exemplo na imagem -->
<!-- onmousemove comando de JS que realiza uma ação ao passar o cursor sobre o local neste exemplo a imagem -->
</body>
</html>