Classificação
0 %
Popularidade
Opine
Descrição:
HTML5 + JavaScript Entenda JavaScript e veja como trabalhar com FUNCTION para criar funções que são disparadas de acordo …
Consegui produzir o comando para a lâmpada quebrar sozinho. To muito empolgado, namoral !
2022 tamo aq
Obrigado Professor pelos ensinamentos, acessei os sites indicados por você nas aulas a JetBrains, Hostnet, trainning e toyshow que inclusive fiz uma compra vlw.
Showwwwwww!! todas as aulas são ótimas mais essa achei espetacular!!!
NOVIDADES:
RELEMBRANDO DA AULA 22 – FUNÇÃO:
É um subprograma que pode receber PARÂMETROS e RETORNAR um resultado. São AÇÕES executadas assim que são CHAMADAS ou em decorrência de algum EVENTO. É um bloco de códigos projetado para executar uma tarefa ou calcular um valor.
Portanto, Function é um BLOCO DE CÓDIGOS projetado para realizar uma determinada tarefa. Dentro dos PARÊNTESES () colocam-se os PARÂMETROS e, após estes, dentro das CHAVES {}, insere-se os CÓDIGOS.
O Evento onclick="" serve para executar alguma FUNÇÃO no momento em que o cliente CLICAR EM CIMA do elemento.
O Evento onmousemove="" serve para executar alguma FUNÇÃO no momento em que o cliente PASSAR O CURSOR EM CIMA do elemento.
O Evento onmouseout="" serve para executar alguma FUNÇÃO no momento em que o cliente TIRAR O CURSOR DE CIMA do elemento.
O Evento onmouseover="" serve para executar alguma FUNÇÃO ENQUANTO O CURSOR ESTIVER EM CIMA do elemento.
*^^ Este não foi dado na aula.
O comando document.getElementById("") serve para SELECIONAR UM ELEMENTO POR ID para RECEBER alguma INTERAÇÃO, utilizando a interface padrão DOM (Document Object Model: INTERMEDIADOR da COMUNICAÇÃO entre a linguagem JavaScript com as tecnologias HTML5 e CSS3).
Existem VÁRIAS maneiras de SELECIONAR estes ELEMENTOS utilizando o DOM. Exemplo de 5 maneiras:
1 – by Tag – getElementsByTagName("")
2 – by ID – getElementByID("")
3 – by Name – getElementsByName("")
4 – by Class – getElementsByClassName("")
5 – by Selector – querySelector (""); querySelectorAll ("");
*Atente-se que alguns dos seletores estão no singular e outros no plural: Element e ElementS
Caso utilize um seletor que está no plural, para especificar qual tag, name ou class você deseja se referenciar, você têm que usar, após os parênteses (), os colchetes [] e, dentro destes, você indicará qual a POSIÇÃO do elemento que você deseja selecionar.
Ex:
GetElementsByTagName("p")[2];
Neste exemplo eu selecionei, dentro dos parênteses, todas as tags <p>. E, dentro dos colchetes, eu selecionei a tag <p> que se encontra na 2° POSIÇÃO. Ou seja, eu selecionei a 3° tag <p>.
*Lembrando que a contagem começa em 0. Portanto:
a posição 0 é a 1° tag <p>
a posição 1 é a 2° tag <p>
a posição 2 é a 3° tag <p>
nao consigo declarar minha funcao
2022 assistindo ao curso😎
minha imagens nem aparecer aparece
Não sei o que mudou da época desse vídeo pra cá, mas o código <img src="_imagens/lampada-apagada.jpg" onclick="acandeLampada">, não funciona nem a pau, tem que por () junto de "acendeLampada" para que funcione, fica "acendeLampada()"
Pessoal, não consegui fazer aparecer as imegens utilizandos os eventos, aparentemente ele não acha o endereço das imegens, ai no navegador aparece so o ícone de imagem. Porém, botei as imagens na raiz da pasta que estava o arquivo HTML e o endereço no <script> botei o nome da imagem e a extensão, assim deu certo. Porque não consigo utilizar a imagem em outra pasta, buscando pelo caminho? Alguem souber, agradeço desde ja.
Alguém não conseguiu acender a lampada??? eu não consegui e queria uma auda kkkk
Nenhum dos meus funcionou 🙁
<!DOCTYPE html>
<html>
<head>
<title>Teste JavaScript</title>
<meta charset="UTF-8"/>
<script>
function acendeLampada() {
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-quebrafa.jpg";
}
</script>
</head>
<body>
<h1>Acenda a lâmpada</h1>
<img src="_imagens/lampada-apagada.jpg" id="Luz" onmouseover="acendeLampada()" onmouseout="apagaLampada()" onclick="quebraLampada()"/>
</body>
</html>
Eu queria fazer dois onmouseout diferentes . Quanto eu saio depois de entrar normalmente para apgar a luz . O outro para sair depois de quebrado , ou seja , continuar com a lampada quebrado . Deve ter algum jeito de fazer , porém to pesquisando e não acho kkk
E quando nem trocando por onmouseover a lampada quebra?
Valeu de mais professor!!! Está sendo meu primeiro contato com HTML , e estou conseguindo aprender, acabando esse html5 vou fazer todos os outros pra complementar meus ensinos. Conteúdo e professor de primeira, Top!!!
Muito bom, tá dando pra reaproveitar os estudos da playlist de JavaScript de 2019 com essa playlist de 2013 de HTML5 e CSS3.
O meu código não funcionou nada. Nem acendeu e nem apagou. Meu navegador é o Chrome.
Bom demais. Obrigado.
essa aula foi muito boa ,tem que assisitir mas de uma vez ,mas foi bem explicado ,mas como é uma linguagem diferente da uma dor de cabeça
Eu aqui em 2021, achando fantástico a lâmpada acender e apagar e sorrindo kkkkkkkkk… Todo começo é assim acredito eu, no mais simples código, há emoção!
Voltei aqui depois de quase 10 anos, to quase conseguindo acender a lampada agora..rsrsr (ja comprei até vela) rsrs Show as aulas!
Guanabara exerce a profissão com tanta maestria que eu estou acompanhando as aulas de HTML; CSS e JS desde o início e quando assustei, em menos de 4 dias, já estou na aula 23! Obrigadaaa!
👍
Pra quem ficou com o erro como o meu, da lâmpada não acender
eu só troquei as barras em vez de deixar assim "" coloquei assim "/" ai funcionou!! tenta ai se der certo da like, se não der certo comenta aqui pra eu te ajudar
2021 aqui. Fiz o código idêntico do Guanabara, mas a lâmpada não acende. Alguém pode ajudar ???
Assistindo em 2021 e vocês?
Gente tomem cuidado com as palavras minúscula e maiúsculas
pequenas coisas que fazem dar merda….
Como eu faço isso no vs code nao to conseguindo chamar a imagem da luz acendendo
Seguindo o curso em Março de 2021.
Fiquei travado nessa aula… Meu código acende a lâmpada com qualquer um dos comandos, mas não apaga, nem quebra de forma alguma… 🙁
Partiu… Curso de JavaScript(?);
13:32 faltou só o barulho "clinck" kkkkk
Não estava conseguindo colocar a imagem da lâmpada aparecer no site, resolvi colocar
<img src="projeto-glass-html5/_imagens/lampada-apagada.jpg"
dai deu certo, espero ajudar
Aos @11:29 quando ele falou para não copiar e colar os códigos me senti um preguiçoso kkk
obrigadoo