javascrpit em linha no final do body vc adiciona as tags script exemplo script alert('ola mundo'): e abrira uma caixa com a mensagem ola mundo<script> alert('olar mundo')</script>
e interno no final do body cria a teg:<script src='caminho'></script>
javascript externo vai se adicionando a tag script no final da do body e adicioanr src='o caminho' exmplo: script src='o caminho'
document.getElementByid("text").innerHTML='Meu primeiro textoJS; esse document quer disser este document o getElementeByid vai selecionar o elemento pelo id e innerHTML é para inserir o conteudo
exemplo de tag p com id='text' e usando o innerhtml para modificar
document.write(' escrito com document.write' dentro de script tambem funciona como o document.get... porem é usado mais para teste e pode ser usado para mostrar os resultados é semelhante ao print do python). pode ser usado dentro da tags exemplo:<p><script> document.write('exemplo')</script></p>
alert('escrito como alert')
é vai abrir um alert com a mensagem escrita entre parenteses
console.log('escrito com console.log') é semelhante ao alert ou os outros serve para ver na tela o resultado ou informação, porém o console.log vai ser mais discreto vai ser detro do console no navegador. entao nao vai ser visto na pagina html, sera visto no console do navegador.
usando declaraçoes de variaveis document.write("resultado do cáculo",(10*2) + valor,"
")e document.write("somar
de 5+2 é : ",5+2)
a função querySelector() é usado para pedir a referência ao título e armazernar em uma variável; já a função textContent representa o conteudo
o tipo var o mais recomendado e tem o let e const.
array é Uma estrutura que permite armazenar vários valores em uma única variável(seria uma lista ou dicionário).
use /* e tudo aqui dentro será apenas comentário/*
ou use // para comentar e apenas em uma linha
= é operador de atribuição e === é operador de igualdade
! é operador de inversão e != é operador de difença para ver se um elemento é diferente de outro
tem que usar {} chaves logo apois a condição exeplo: if (sorverte === 'amarelo') { alert('é amarelo'); else {'não é amarelo'};
funcoes de eventos
O evento de clique que é disparado pelo navegador é onclick ex: documento.querySelector('html').onclick = function() {alert('ai! Pare de me cutucar')}
exemplo de js para mudar imagem de uma pagina usando funcoes de eventos:
let minhaImagem = document.querySelector('img');minhaImagem.onlclick = function() let meuSrc = minhaImage.getAttribute('src');if (meuSrc === 'imagem') {minhaImagem.setAttribute('src','imagem2');else minhaImagem.setAttribute('src','imagen1')
é uma arvore do html uma forma de organisar html por partes o windows e subdividos em document, location, history entre outros.
windows.document.getElementByTagName('p')[0] isso para pegar o titulo ou paragro selecionando.
onclick -> disparado quando recebe um click.
ondblclick -> disparado quando clique duplo.
onmouseover -> disparado quando o mouse está sobre.
onmouseout -> disparado quando o mouse é movido para fora do elemento
onmousemove -> disparado quando o mouse é movido no elemento
onmousedown -> disparado qunado o mouse o clicl do botão for disparado
onmouseup -> disparado quando o clique do botão é liberado
onfocus -> disparado quando o elemento recebe o foco.
onchange -> disparado quando existe uma mudança no conteudo
onblur -> disparado quando o elemento perde o foco.
onkeydown -> disparado quando uma tecla é pressionada.
onkeypress -> disparado quando uma tecla é pressionada e solta.
onkeyup -> disparado quando uma teclaa é solta sobre um elemento.
onload -> disparada quando a página terminou de ser carregada
onresize -> disparada quando h-a um redimencionamento da janela.
array é mais ou menos como uma lista do python é uma variavel com varias variaveis e acesso elas com campo da ordem de variveis[] e diferentes das matrizes que é semelhante ao dicionario do python e no js é chamado de objeto