Crie um arquivo externo com a extensão .JS e desenvolva o seguinte script:
Crie um script que apresente no documento corrente, a data da última
modificação feita no mesmo. Crie uma página HTML e faça uma chamada para
o arquivo .JS que contém o arquivo. Observe em qual dos dois arquivos é feita
a atualização da data após a sua alteração.
Através da linguagem HTML, atribua uma cor sólida qualquer como fundo da
página. Feito isto, faça um script que apresente escrito na página o código
HEXADECIMAL da cor de fundo definida.
Crie um script sobre esta página que quando o usuário sair da mesma, seja
exibida uma mensagem de alerta para o usuário.
Crie um script que apresente no corpo do documento o seu nome completo e
no mesmo script apresente Tag’s HTML em negrito, fonte e cor.
Crie um script que seja apresentado no documento a Data e Hora atuais no
seguinte formato:
Seja Bem Vindo à Minha Home Page!
Agora são: hh:mm, do dia dd/mm/aa
Crie um script que quando a página for carregada execute uma função
chamada TESTE() que possui uma rotina que exibe uma caixa de alerta com
o texto: “Obrigado pelo Sua Visita”.
Crie um SCRIPT que ao abrir a página, seja solicitado a digitação do nome do
usuário, dentro desta função, crie uma condição que enquanto o nome não for
digitado, seja solicitado continuamente.
E nesta mesma função, crie uma rotina que quando o tamanho do nome em
caracteres for superior à 10, seja exibida uma caixa de alerta informando à
quantidade de caracteres que o nome possui. Em seguida, outro alerta
avisando que somente é aceitável nomes até 10 caracteres. Com isto, faça-o
retornar ao início da função criada.
Crie uma página HTML com qualquer texto sendo feito sem o código JavaScript
Nesta mesma página crie quatro botões de formulário cada um com o nome de
uma cor qualquer.
Faça com que ao clicar sobre um dos botões, seja alterado a cor de fundo da
página.
Crie nesta mesma página mais quatro botões cada um com o nome das cores
já utilizadas nos primeiros quatro botões.
Para estes botões, faça com que ao clicar sobre um deles seja alterada a cor
do texto da página.
Crie uma função que ao abrir a página, seja solicitado à entrada de um número
de 1 até 20. Em seguida a entrada de outro número de 1 até 20. Caso seja
digitado um valor superior à 20. Seja exibido um alerta informando que o
número “x” é superior à 20.
Continuando a questão anterior, faça com que no corpo da página, seja exibido
o texto: “A multiplicação do número: “x” com o número “y” resulta em:
“x*y”. Faça com que o resultado seja apresentado em vermelho.
Crie uma página com dois hiperlinks com os textos “SENAC-MG
(www.mg.senac.br)” e “SENAC-BRASIL (www.senac.br)”.
Faça com que ao movimentar o ponteiro do mouse sobre um dos hiperlinks
criados. Seja exibida uma segunda janela apenas com barra de status apenas
e com dimensões 300x300 pixels.
Faça com que estas janelas apresentem os seguintes textos:
Janela do SENAC-MG Portal de Serviços do SENAC Minas.
Janela do SENAC-BRASIL Portal de Informações do Senac Brasileiro.
Determine que quando o ponteiro estiver fora do hiperlink, as janelas
respectivas sejam fechadas.
Criar um script que ao carregar a página, seja solicitado as informações:
NOME, PESO, ALTURA, COR DOS OLHOS, COR DOS CABELOS, SEXO.
Para o campo Cor dos Olhos, o usuário poderá digitar apenas as opções:
AZUIS, CASTANHOS, VERDES, OUTRA.
Para o campo Cor dos Cabelos, o usuário poderá digitar apenas as opções:
LOIROS, CASTANHOS, RUIVOS, OUTRA.
Para o campo Sexo, o usuário poderá digitar apenas os dados MASCULINO
ou FEMININO.
Faça com que os valores digitados sejam apresentados no corpo da página,
sendo que os dados alfanuméricos sejam apresentados em letras maiúsculas.
Crie uma página HTML sem conteúdo.
Crie um arquivo externo com um script que solicite a digitação do nome do
usuário, e em seguida, solicite o nome de uma cor.
Crie dentro deste script uma rotina condicional que se a cor for igual à azul, a
página HTML, deverá possuir a cor azul como fundo, caso a cor seja igual à
verde, a página HTML deverá assumir a cor verde, caso à cor seja igual à
vermelho, a página HTML deverá assumir a cor vermelha e caso à cor seja
igual à amarelo, a página HTML deverá assumir a cor amarela no fundo.
Feito isto, faça com que na página HTML, seja mostrado o código
HEXADECIMAL da cor assumida.
OBJETO LINK
PROPRIEDADES DO OBJETO LINKS
PROPRIEDADES DESCRIÇÃO
hash
Especifica o texto seguido da simbologia
“#” em um URL.
host Contém o hostname:port de um URL.
hostname
Especifica o host e o domínio (endereço
IP) de um URL.
href Especifica o URL inteiro.
length
Determina o número de âncoras de um
documento.
pathname O path atual do URL.
port
Especifica a porta lógica de comunicação
obtida da URL.
protocol Especifica o protocolo da URL.
search Especifica a porção search da URL.
target Determina o link de destino.
UTILIZANDO ARRAYS
Primeiramente, saiba que um ARRAY é um grupo de itens que são tratados
como uma única unidade. Um exemplo disto, é o grupo de meses do ano
estarem dentro de um array chamado meses. Os elementos de um array
podem ser strings, números, objetos ou outros tipos de dados.
Para que se possa declarar um array, use a seguinte sintaxe:
NomeArray = new Array(numElementos)
Veja como declarar um array chamado meses e seus elementos.
Meses = new Array(12)
Outra maneira, é declarar os valores para o novo array criado. Observe a
sintaxe abaixo:
Meses = new Array(“janeiro”,“fevereiro”,“março”,“abril”,“maio”, “...)
Quando atribuído o número de elementos no array, é necessário declarar os
elementos que farão parte do mesmo. Utilize a seguinte sintaxe:
NomeArray[numElemento]
Meses[0]=janeiro
Meses[1]=Fevereiro
Meses[2]=março
E assim por diante...
ANOTAÇÕES:
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
______________________________________________________
Veja pelo exemplo do script abaixo a apresentação da data atual presente no
navegador:
<script>
// Array com os dias da semana
hoje=new Date();
semana=new
Array("Domingo","Segunda","Terça","Quarta","Quinta","Sexta")
// Array com os meses do ano
meses=new
Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho”
,"Agosto","Setembro","Outubro","Novembro","Dezembro");
document.write("Hoje é:
",semana[hoje.getDay()],",",meses[hoje.getMonth()]," de ",
hoje.getYear())
</SCRIPT>
Neste exemplo foi declarado uma variável chamada hoje que define seu
conteúdo como valores de data e criados dois arrays, o primeiro chamado
semana e o outro chamado meses. Cada um dos arrays possui como
conteúdo os dias da semana e os meses do ano.
Finalizando, foi utilizado o objeto document.write que apresentará a variável
hoje com o array correspondente da variável semana de acordo com seu
método getDay() que apresenta o valor especificado do dia da semana.
Ocorrendo o mesmo com a variável meses para os meses do ano.
Veja agora outro exemplo da utilização dos arrays fazendo com que seja criado
vários campos de formulário de acordo com a quantidade definida pelo
usuário. Neste exemplo quando o usuário carrega a página é solicitado a
quantidade de campos que deseja criar, para isto foi definido o seguinte
código:
<form name="form1">
<script>
nome=prompt("digite a quantidade","");
Em seguida foi criado um laço for que caso o valor da variável i for menor que
a quantidade referenciada na variável nome, será incrementado o valor de
nome dentro da variável i. analise o código a seguir:
for(i=0;i<nome;i++){
document.write("<br>Nome",[i],":<input type=text
name=campo",[i],">");
Para a execução do laço foi definido que será criado no documento atual um
campo de formulário do tipo texto e a variável de cada campo criado que aqui
chamada de campo, receberá cada uma o valor de i cada vez que o laço se
repete. Com isto serão criados os campos cada um nomeado da seguinte
forma:
Se o usuário informar 5 campos, serão criados cinco campos cada um
chamado de: campo0, campo1, campo2, campo3, campo4. Lembre-se que
um array sempre inicia-se a partir de 0. faça um teste e veja o resultado
obtido.
Criaremos agora fora do script um botão de formulário que ao clicar sobre ele,
será exibido em um caixa de alerta o valor que o usuário digitou em um
determinado campo. Analise o código a seguir:
<input type="button" value="ok"
onClick="alert(form1.campo3.value)">
Veja a seguir o código completo:
<html>
<body>
<form name="form1">
<br>
<script>
nome=prompt("digite a quantidade","");
for(i=0;i<nome;i++){
document.write("<br>Nome",[i],":<input type=text
name=campo"+[i],">");
}
</script>
<br>
<input type="button" value="ok"
onClick="alert(form1.campo3.value)">
Após análise do código anterior, crie uma rotina que faça com que quando o
usuário deixar a variável nome vazia ou nula, seja solicitado novamente a
digitação do valor e que as variáveis criadas apresentem valores à partir de 1 e
não de 0.
ARRAY ANCHORS[]
Este array lista todas as âncoras existentes em um documento. Este objeto
possui a propriedade length e é uma propriedade do objeto document.
SINTAXE:
document.anchors.length
Veja um exemplo de um script que informará a quantidade de âncoras
existentes no documento.
<html>
<head>
<title>ARRAY ANCHORS</title>
</head>
<body>
<A NAME=1>primeira âncora</a>
<A NAME=2>segunda âncora</a>
<A NAME=3>terceira âncora</a>
<A NAME=4>quarta âncora</a>
<script>
<!--
ancoras=document.anchors.length;
alert(“Esta página possui ”+ancoras);
// -->
</script>
No script apresentado, foi definido na página quatro âncoras a partir do tag
HTML <A NAME> e em seguida já no script, foi criada a variável ancoras que
contará a quantidade de âncoras existentes na página através da propriedade
length e logo depois, é executado a instrução alert que tem a função de
exibir uma mensagem na tela informando o conteúdo da variável ancoras.
ARRAY ELEMENTS[]
O array elements[] tem a finalidade de listar todos os controles de um
formulário. Sua sintaxe tem a seguinte formação:
document.NomeForm.elements[x].propriedade;
document.NomeForm.elements.length;
x é o número de elementos presentes dentro do formulário também iniciado
com zero.
No exemplo a seguir, foi criado um código que tem a função de selecionar uma
lista de caixas de verificação de um formulário quando é acionado um botão.
Observe o código:
<script>
function seleciona(){
itens=document.form1.elements;
for(i=0;i<itens.length;i++){
document.form1.elements[i].checked=true;
}
}
function tira(){
itens=document.form1.elements;
for(i=0;i<itens.length;i++){
document.form1.elements[i].checked=false;
}
}
</script>
Comentários
Postar um comentário