Larback - Retornando conhecimento

O vírus que seu computador pegou, só ataca os arquivos que não tem cópia.

Trocando imagens e alterando propriedades de documentos HTML com JavaScript

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Aprendendo Javascript - Alterando imagens</title>
<style>
    body{
        background-color: #000;
        color: #FFF;
    }
</style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
    
</head>
<body>
<h1>JavaScript - Alterando imagens</h1>
<figure>
<img id="minhaImagem" onclick="trocaImage()" src="http://www.w3schools.com/js/pic_bulboff.gif" width="100" height="180">
    <!-- ao clicarmos no objeto img a função trocaImage será executada -->
</figure>
<p>Clique na lâmpada para acender ou apagar a luz.</p>

<script>
function trocaImage() {
    // Criamos uma variável chamada imagem e usamos o método getElementById para atribuir a ela o objeto img 
    var imagem = document.getElementById('minhaImagem');
    // o método match procura pelo texto especificado dentro da propriedade src, ou seja, o método vai verificar se no nome da imagem carregada tem a palavra bulbon (o que indicaria que a lampada que está sendo exibida neste momento está acesa)
    if (imagem.src.match("bulbon")) {
        // se a lampada estava ligada...
        // Trocamos a imagem pela lâmpada apagada, colocamos a cor de fundo da página como preto e a cor do texto como branco.
        imagem.src = "http://www.w3schools.com/js/pic_bulboff.gif";
        document.body.style.backgroundColor =  "#000"
        document.body.style.color = "#FFF";
    } else {
        // se a lampada não estava ligada
        // Trocamos a imagem pela lâmpada acesa, colocamos a cor de fundo da página como branco e a cor do texto como preto.
        imagem.src = "http://www.w3schools.com/js/pic_bulbon.gif";
        document.body.style.backgroundColor =  "#FFF"
        document.body.style.color = "#000";
    }
}
</script>
</body>
</html>