3. D.O.M de novo ...
document.write(“texto”) // escreve o texto na
página
window.innerWidth ou
document.documentElement.clientWidth
// largura da resolução da tela
window.innerHeight ou
document.documentElement.clientHeight
// altura da resolução da tela
sexta-feira, 16 de agosto de 13
4. Location
window.location // url de página atual
.hostname // nome do host
.pathname // caminho sem o hostname
.port // número de porta
.protocol // protocolo (http ou https)
sexta-feira, 16 de agosto de 13
6. Navigator
window.navigator // object Navigator
.userAgent // qual navegador
.appName // nome do navegador
.appVersion // versão do navegador
sexta-feira, 16 de agosto de 13
7. Timing
window.setInterval(function,intervaloTempo) //
executa function em um intervalo em milisegundos
window.setTimeout(function,intervaloTempo) //
executa function depois de um intervalo de tempo
window.clearTimeout(referenciaSetTimeOut) //
timeout = setTimeout(function,1000)
clearTimeout(timeout)
window.clearInterval(referenciaSetInterval) //
semelhante ao “window.clearTimeout”
sexta-feira, 16 de agosto de 13
8. Event onload
window.onload = function(){ code } // quando
a janela carregar executa a funçao
sexta-feira, 16 de agosto de 13
9. Criar element Html
document.createElement(nameTag) // criar
element com a tag indicada no parametro
[elementHtml].appendChild(element) //
adiciona element no elementHtml
document.createTextNode(“text”) // cria um
bloco de texto
[elementHtml].removeChild(elementRemove) //
remove o element do “pai”
sexta-feira, 16 de agosto de 13
11. #RULES
if (google.com.br) return false;
if (facebook.com) return false;
if (gmail.com || hotmail.com || @qualquerEmail)
return false;
if (coding) return like;
sexta-feira, 16 de agosto de 13
13. //TODO #1
Escrever na página os dados de largura e
altura de resolução do vídeo, url e navegador
utilizado.
Caso a largura seja maior que 1024 exibir
mensagem na página “resolução está ok”
Caso a largura seja menor que 1024 exibir
mensagem na página “aumente sua resolução”
sexta-feira, 16 de agosto de 13
14. //TODO #2
Crie um input type=”submit” com o
“id=botao” e “value=Zerar”.
O input deve está contido em uma div
“id=nome”.
A div “id=nome” deve está no body
sexta-feira, 16 de agosto de 13
15. //TODO #3
Depois de 3 segundo da página já carregada
executar o TODO #2.
A cada 5 segundos escreva na tela (div
id=”timeout”) o tempo restante, dado que o
timeout da página é de 1 min.
Se o timeout atingir 1 min deve parar o
contador do tempo e escrever na “div
id=timeout” que a página expirou
sexta-feira, 16 de agosto de 13
16. //TODO #4
Se clicado no input “id=botao”, o timeout da
página deve retorna para 1 min.
sexta-feira, 16 de agosto de 13
17. TIMEBOX
45 Minutos para o CODE
5 Minutos para cada participante apresentar
o que fez para os demais
sexta-feira, 16 de agosto de 13