Scribd
Carregar
10 visualizações4 páginas

Atividade Java Script

O documento contém diversos exemplos de código JavaScript, incluindo um relógio, manipulação de campos de usuário e senha, abertura de janelas pop-up, exibição da data e mensagens de alerta. Também apresenta um exemplo de mudança de cor de fundo da página com um seletor de cores. Cada exemplo é estruturado em HTML e JavaScript, demonstrando interatividade básica na web.

Enviado por

cidadanger
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
10 visualizações4 páginas

Atividade Java Script

O documento contém diversos exemplos de código JavaScript, incluindo um relógio, manipulação de campos de usuário e senha, abertura de janelas pop-up, exibição da data e mensagens de alerta. Também apresenta um exemplo de mudança de cor de fundo da página com um seletor de cores. Cada exemplo é estruturado em HTML e JavaScript, demonstrando interatividade básica na web.

Enviado por

cidadanger
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

Relógio

<script type="text/javascript">

function startTime()

var today=new Date();

var h=[Link]();

var m=[Link]();

var s=[Link]();

// add a zero in front of numbers<10

m=checkTime(m);

s=checkTime(s);

[Link]('txt').innerHTML=h+":"+m+":"+s;

t=setTimeout('startTime()',500);

function checkTime(i)

if (i<10)

i="0" + i;

return i;

</script>

<div id="txt">

<script type="text/javascript">[Link](startTime())</script>

</div>

Usuário e senha
<input type="text" value="usuario" onblur="if([Link] == '')
{ [Link]='usuario';}" onfocus="if([Link] == 'usuario'){ [Link]='';}"/>

<input value="senha" onblur="if([Link] == ''){ [Link]='senha';


[Link]='text';}" onfocus="if([Link] == 'senha'){ [Link]='';
[Link]='password';}"/>

Pegar a url

<script>[Link]([Link]);</script>

Menu suspenso

<script>

var win = null;

function NovaJanela(pagina,nome,w,h,scroll){

LeftPosition = ([Link]) ? ([Link]-w)/2 : 0;

TopPosition = ([Link]) ? ([Link]-h)/2 : 0;

settings =
'location=no,toolbar=no,directories=no,status=no,height='+h+',width='+w+',top='
+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable';

win = [Link](pagina,nome,settings);

</script>

<a href="[Link]
onclick="NovaJanela([Link],'nomeJanela','820','560','yes');return false">Abrir
Pop-Up</a>

Mostrar a data

<script type="text/javascript">[Link](Date());</script>

Mensagem

nome

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>
<script type="text/javascript">

var nome;

nome = prompt("Qual é seu nome?");

alert("Olá, " + nome);

</script>

</head>

<body>

</body>

</html>

Botão

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

</head>

<body>

<button onclick="alert('Você clicou no botão');">clique aqui</button>

</body>

</html>

Função

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<script type="text/javascript">

function clique_botao()

alert("Você clicou no botão");

}
</script>

</head>

<body>

<button onclick="clique_botao();">clique aqui</button>

</body></html>

Alterar a cor da caixa

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf8">
<title>Mudar a cor do Background da página</title>
<script type="text/javascript">
// Função que lê a cor escolhida pelo usuário em <input type="color"> e altera a
formatação CSS
// do <body id="pagina"> com a cor escolhida.
function mudar_cor_de_fundo(){
// lê o valor de cor escolhido pelo usuário.
var cor = [Link]("seletor_de_cores").value;
// muda a formatação CSS do <body> background para a cor escolhida
[Link]("pagina").[Link] = cor;
// opcional: escreve na página a cor escolhida
[Link]("cor_escolhida").innerHTML = "A Cor escolhida é
"+cor;
}
</script>
</head>
<body id="pagina">
<form>
<p>Escolha uma cor para o fundo da página</p>
<input id="seletor_de_cores" type="color"/><br><br>
<button type="button" onclick="mudar_cor_de_fundo()">Executar</button>
</form>
<p id="cor_escolhida"></p>
</body>
</html>

Você também pode gostar