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”
obrigada pela dica do " não aprenda com preguiça!"
Valeu mesmo! abraço da swizerland não da sweden 😛
mto bom
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
O meu "onclick" não funcionou. Acho que a minha luz é a melhor! rsrsrsrs
Ola Professor, o meu não funcionou, nada, eu acho que é a palavra function, ela esta aparecendo em itálico ,o restante esta tudo certo
eu estou usando o notepad++
Olá Gustavo Guanabara coloca lá no site cursoemvideo.com uma observação que essa parte da lâmpada não funciona no grome coloca nessa aula essa observação. valeu curso muito bom.
Fiquei um tempão pra ver que a Lâmpada quebrada não funcionava no google grome. Só percebi quando testei no internet explorer e ele funcionou. Refiz o código várias vezes. Sempre é bom testar em mais de um navegador.
quase dei uma martelada pra quebrar lâmpada!!!
kkkkkkkkkkk fiquei meia hora quebrando a lampada
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.
Que triste, no Opera o onclick não funciona 02/04/2017 > http://prntscr.com/eri5vq
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>
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
Continuando..
Meu Gsus, não consegui fazer NENHUMA função com minha lâmpada, já atualizei o Chrome e nada… 😮
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>
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 ….
Parabéns à todos que estudam é isso aí não adianta só se queixando governo temos nós também tentar fazer a diferença!
Cade o link de download das imagens, nao achei no site curso em video…!
Codigo nao executa no Mozila ! :/