Professor André Luiz Souza

Página
Inicial

Power

Artigos

BD
SQL

JavaScript

Vídeo Aulas

Xiko.php

Algoritmos

Alunos

SQL OnLine

Sugestões
e Críticas

Horário do
Professor

Cadastro

JavaScript em Exemplos - Página 1

Exemplo 1 :

Este script mostra a data e hora do computador. ( veja funcionando ).

< script >
agora = new Date(); // criado o objeto agora
dia = agora.getDay(); // variável dia que recebe a dia do calendário do computador, método getDay().
mes = agora.getMonth() + 1; // variável mes que recebe a mes do calendário do computador, método getMonth(). Soma 1 porque Janeiro = 0, Fevereiro = 1 , etc....
ano = agora.getYear(); // variável dia que recebe a ano do calendário do computador, método getYear().
hora = agora.getHours(); // variável hora que recebe a hora do computador, método getHours().
minutos = agora.getMinutes(); // variável minutos que recebe os minutos, método getMinutes().
segundos = agora.getSeconds(); // variável segundos que recebe os segundos, método getseconds().
document.writeln("Hoje é " + dia + "/" + mes + "/" + ano + " agora são " + hora + ":" + minutos + ":" + segundos );
// Mostra constantes e variáveis.
< /script>

Voltar

Exemplo 2 :

Este script utiliza recursos de formulário do html. A cada clique no botão, ele mostra uma mensagem. ( veja funcionando ).

< script> // Inicio do script JavaScript.
function escreve() { // cria a função escreve.
document.write ("Você clicou no botão !"); //toda vez que esta função for executada, mostra a mensagem.
} // término da função escreve.
< /script> // término do script JavaScript.
< form > // Inicia um formulário em html.
< input type="button" name="botao1" value="Clique" onClick="escreve()"> // Cria um botão no formulário, quando alguém clicar neste botão a função escreve será executada.
< /form> // finaliza o formulário.

Voltar

Exemplo 3 :

Este script utiliza recursos de formulário do html. A cada clique no botão, ele altera o valor de um checkbox. ( veja funcionando ).

< script> // Inicio do script JavaScript.
function processa() { // Cria a função processa.
document.uberaba.campo1.checked = !document.uberaba.campo1.checked
// inverte o valor de campo1 : se o valor for true altera para false e vice-versa.
} // término da função processa.
< /script> // término do script JavaScript.
< form name="uberaba"> // Inicia um formulário de nome uberaba em html.
< input type="button" name="botao1" value="Clique" onClick="processa()"> // Cria um botão de nome botao1 e valor clique. Quando alguém clicar neste botão a função processa será executada.
< input type="checkbox" name="campo1">Isto é um checkbox // Cria um checkbox de nome campo1.
< /form> // finaliza o formulário.

Voltar

Exemplo 4 :

Este script utiliza recursos de formulário do html. A cada clique no botão, ele altera o valor de um checkbox. ( veja funcionando ).

< script> // Inicio do script JavaScript.
variavel = prompt("Digite algo"); // O usuário digita caracteres que são armazenados em variavel.
if ( isNaN(variavel) ) { // a função isNaN() verifica se é numérico ou não.
alert(variavel + " não é um número !"); // alert mostra a mensagem.
} else { // se o conteúdo de variavel é um número.
alert(variavel + "é um número !"); // alert mostra a mensagem.
}
// término do script JavaScript.

Voltar

Exemplo 5 :

Este script utiliza recursos de formulário do html. Você digita 3 valores ele mostra a soma. ( veja funcionando ).

< script> // Inicio do script JavaScript.
    function calcula() { // cria a função calcula.
    if ( isNaN(document.f1.v1.value) ) { // se a informação digitada em v1 não é numérica.
        alert( document.f1.v1.value + " não é um número ! " ); // avisa o usuário que em v1 não foi digitado um número
        document.f1.v1.value = 0; // coloca zero em v1.
    } else {
        if ( isNaN(document.f1.v2.value) ) { // se a informação digitada em v2 não é numérica.
            alert( document.f1.v2.value + " não é um número ! " ); // avisa o usuário que em v2 não foi digitado um número
            document.f1.v2.value = 0; // coloca zero em v2.
        } else {
            if ( isNaN(document.f1.v3.value) ) { // se a informação digitada em v3 não é numérica.
alert( document.f1.v3.value + " não é um número ! " ); // avisa o usuário que em v3 não foi digitado um número
document.f1.v3.value = 0; // coloca zero em v3.
            }
        }
    }
    document.f1.v4.value = parseInt(document.f1.v1.value) + parseInt(document.f1.v2.value) + parseInt(document.f1.v3.value); // coloca em v4 a soma de v1 , v2 e v3 . parseInt é utilizado para converter o valor digitado para número, faça um teste sem o parseInt e veja a diferença.
}
function mudafoco() { // cria a função mudafoco.
    document.f1.v1.focus(); // coloca o cursor no campo v1
}
< /script> // término do script JavaScript.
< form name="f1"> // cria o formulário f1.
   v1 = < input type="text" name="v1" size="20" value="0" onChange="calcula()">
// cria o campo v1 no formulário f1.
   v2 = < input type="text" name="v2" size="20" value="0" onChange="calcula()">
// cria o campo v2 no formulário f1.
   v3 = < input type="text" name="v3" size="20" value="0" onChange="calcula()"> // cria o campo v3 no formulário f1.
    < hr> // coloca uma linha horizontal.
   v4 = < input type="text" name="v4" size="20" onFocus="mudafoco()"> // cria o campo v4 no formulário f1.
< /form> // finaliza o formulário f1.
// O onChange chama a função dentro das aspas quando o valor do campo é alterado.
//
muda de linha.
// value="0" define o valor inicial dos campos v1, v2 e v3.
// onFocus quando o campo recebe o foco executa a função entre aspas. No nosso exemplo a função mudafoco() que simplesmente leva o cursor para o campo v1.

Voltar