-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtestejsIF.html
58 lines (58 loc) · 2.92 KB
/
testejsIF.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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<title>Testando JavaScript com IF</title>
</head>
<body>
<h1>Testando JavaScript com IF</h1>
<p><a href="./index.html">← voltar para home</a></p>
<script>
alert('Olá, mundo no alerta!')
document.write('Olá, mundo na tela ! ')
document.write('Data de Hoje: ' + Date())
</script>
<!-- (entre) são parâmetros - são valores que podem ser passados do seu código principal para um determinada função e a função pode reagir num novo código de acordos com os parâmetros passados -->
<!-- {entre} são códigos que recebem os parâmetros -->
<!--Javascript tem a grande limitação de somente funcionar dentro dos navegadores, ou seja, manipula objetos apenas dentro do navegador, não operando em nada que se refere à maquina, somente podendo capturar dados que a máquina informa (como a data e hora do sistema).-->
<h2>Passe o mouse e ligue a Lâmpada</h2>
<script>
var quebrada = false // a variável está guardando o dado de NÃO quebrada. Nota: variável Global, pois está fora da função.
// var varname1 = value1 - pode ser qualquer expressão, varname2, varnameN - pode ser qualquer identificador
function mudaLampada(tipo) {
// function name (arg1 - nomes para serem usados pela função como nomes formais de argumentos , arg2, functionBody - uma string que contém as instruções)
// = é atribuição >>> == valor igual a >>> === valor igual e tipo igual a
if (tipo == 1) {
arquivo = './imagens/lampada-acesa.jpg'
}
if (tipo == 2) {
arquivo = './imagens/lampada-apagada.jpg'
}
if (tipo == 3) {
arquivo = './imagens/lampada-quebrada.jpg'
// quebrada = true
}
// document.getElementById("luz").src= arquivo
if (!quebrada) {
document.getElementById('luz').src = arquivo
if (tipo == 3) {
quebrada = true // se ocorrer tipo 3 a variável quebrada será verdadeiro e então o tipo 3 não volta ao estado de falso
}
}
}
</script>
<img
src="./imagens/lampada-apagada.jpg"
id="luz"
onmousemove="mudaLampada(1)"
onmouseout="mudaLampada(2)"
onclick="mudaLampada(3)"
/>
<h3 style="color: red">
CUIDADO: NÃO CLIQUE na lâmpada.<br />A lâmpada quebra e NÃO volta ao
normal !!!
</h3>
</body>
</html>