Labs Javascript AIT #2

LAB’s AIT #2
vitor$ /etc/init.d/javascript restart
by @VitorCastro
sexta-feira, 16 de agosto de 13

//OBJETIVO

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

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)

History
window.history.back() // Voltar a página

Navigator
window.navigator // object Navigator
.userAgent // qual navegador
.appName // nome do navegador
.appVersion // versão do navegador

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”

Event onload
window.onload = function(){ code } // quando
a janela carregar executa a funçao

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”

Missão #2

#RULES
if (google.com.br) return false;
if (facebook.com) return false;
if (gmail.com || hotmail.com || @qualquerEmail)
return false;
if (coding) return like;

index.html
<body></body>

//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”

//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

//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

//TODO #4
Se clicado no input “id=botao”, o timeout da
página deve retorna para 1 min.

TIMEBOX
45 Minutos para o CODE
5 Minutos para cada participante apresentar
o que fez para os demais

Labs Javascript AIT #2

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Labs Javascript AIT #2

Ähnlich wie Labs Javascript AIT #2 (9)

Mehr von COTIC-PROEG (UFPA)

Mehr von COTIC-PROEG (UFPA) (20)

Labs Javascript AIT #2