TesteJavaScript.html

﻿<!DOCTYPE html>

<html lang="pt-br">
<head>
    <title>Teste JavaScript</title>
    <meta charset="utf-8" />
    <!--javaScript diferencia letras maiusculas e minuscula, portanto, usar uma minuscula e outra maiuscula-->
    <!--no JavaScript tudo que estiver entre parêntese eh PARÂMETROS; entre colchetes CÓDIGOS-->
    <script>             
        function acendeLampada() { /*função eh um conjunto de comandos quando ou tecnicamente uma rotina que acontece quando disparado uma sequencia*/
            //alert ("lampada Acendeu");//
            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" onmouseover="acendeLampada()" onmouseout="apagaLampada()" onclick="quebraLampada()"/> <!--comando onclick usado para aparecer o alerta do java quando clicar na imagem; e onmousemove-  quando passar o mouse por cima-->
</body>
</html>