Curso de HTML5 – 23 – JavaScript com Objetos




HTML5 + JavaScript

Entenda JavaScript e veja como trabalhar com FUNCTION para criar funções que são disparadas de acordo com alguns eventos no HTML5, como ONCLICK e ONMOUSEMOVE.

Aprenda a referenciar objeto dentro do JavaScript com DOCUMENT.GETELEMENTBYID().

Aula do Curso de HTML5 criado pelo professor Gustavo Guanabara para o portal CursoemVideo.com. Download de pacotes e curso com certificado GRÁTIS: http://cursoemvideo.com/course/curso-de-html5/

Curso em Vídeo
Site: http://www.cursoemvideo.com
YouTube: http://www.youtube.com/cursosemvideo
Facebook: http://www.facebook.com/cursosemvideo
Twitter: http://twitter.com/cursosemvideo
Google+: http://plus.google.com/112666558837414979080

Patrocínio
HOSTNET: http://www.hostnet.com.br
TRAINNING: http://www.trainning.com.br
TOY SHOW: http://www.toyshow.com.br

Original source


20 responses to “Curso de HTML5 – 23 – JavaScript com Objetos”

  1. Olá professor Gustavo Guanabara, conhce voce no curso de Mysql, gostei muito por causa do detalhe com que voce ensina, e ja estou seguindo todos os teus Cursos, voce é um excelente professor, cá em em Angola onde eu vivo tu farias muito successo. os teus cursos Ja estao em Angola, e Africa toda, o pessoal da minha faculdade esta adorar voce, abraços. continue assim

  2. kkkkk… Morri de rir lendo o desespero da galera por causa da quebra da lâmpada rsrs. ABRIL DE 2017 e fiquei meia hora tentando quebrar essa lâmpada, tava quase quebrando o monitor para quebrar a lâmpada kkkk. até que lembrei de ler os comentários rsrs. Valeu a quem ajudou.

  3. No primeiro exemplo onde é usado o "onclick" engatilhador onclick não está engatilhando. Alguem sabe o porque. Obs. Estou usando o Notepad++ e já conferi linha por linha do código.
    Segue abaixo:
    <!DOCTYPE html>

    <html>

    <head>
    <title>Teste JavaScript02</title>
    <meta charset="utf-8"/>

    <script>
    function acendeLampada() {
    alert ("Lâmpada Acendeu!");

    }

    </script>
    </head>

    <body>

    <h1>Acenda a Lâmpada</h2>

    <img src="_imagens/lampada-apagada.jpg" onclick="acendeLampada()"/>

    </body>
    </html>

  4. Pessoal pra quem não está conseguindo Adicionar a imagem, joga ela na area de trabalho e se o link estiver semelhante, tome proveito <img src="C:UsersStarkPCWebstormProjectsprojeto-glass-html5_imagenslampada-apagada.jpg"/> presta atenção na / tem quer o lado . Valeu

  5. A imagem da lâmpada apagada não foi inserida. Tem algo errado com esse código?
    <!DOCTYPE html>
    <html lang="pt-br">
    <head>
    <meta charset="utf-8">
    <title>Teste JavaScript</title>
    <script type="text/javascript">
    </script>
    </head>
    <body>
    <h1>Acenda a lâmpada</h1>
    <img src="_imagens/lampada-apagada.jpg"/>
    </body>
    </html>

  6. Out ou Over ????? No Mozila Firefox funciona das duas formas … parece que o Google Chrome não
    curte muito JavaScript principalmente se for 32 bits, não sei se tem
    fundamento mas aqui deu assim fiquei vesgo refazendo o código quando
    resolvi abrir com o Mozila plim…..tudo certo ….

Leave a Reply