Scribd Logo
Importer

Bienvenue sur Scribd !

  • JavaScript Exercícios Mostrar Hora Botão Formulário Validar Calculadora Eventos

    Transféré par

    Teresa Oliveira
    139 vues3 pages
    Exercícios JavaScript

    Titre original

    Exercícios 1 JavaScript

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Exercícios JavaScript

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    139 vues3 pages

    JavaScript Exercícios Mostrar Hora Botão Formulário Validar Calculadora Eventos

    Transféré par

    Teresa Oliveira
    Exercícios JavaScript

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    AGRUPAMENTO DE ESCOLAS

    TEMPLRIOS
    ESCOLA SECUNDRIA DE JCOME
    RATTON

    Ficha Exerccios JavaScript

    Curso Profissional de Tcnico de Gesto


    e Programao de Sistemas Informticos
    Redes de Comunicao
    Mdulo 5 Desenvolvimento Pginas Web
    Dinamicas
    11 Ano de Escolaridade

    1. Mostrando a data e hora


    <HTML>
    <HEAD>
    <TITLE>Hora certa</TITLE>
    </HEAD>
    <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!-today = new Date();
    document.write("A data e hora agora " + today.toString())
    //-->
    </SCRIPT>
    </BODY>
    </HTML>

    2. Associando eventos a botes de formulrio


    <HTML>
    <HEAD>
    <TITLE> Boto de teste </TITLE>
    <SCRIPT type="text/javascript">
    function iteste() {
    document.write("<h1>Oi<h1><p>Aps o <i>clique</i>, o documento foi
    reescrito.<br> O ttulo tambm!")
    document.title="Novo teste"
    }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM name="meuform">
    <INPUT type="button" name="botao" value="teste" onclick="iteste()">
    </FORM>
    </BODY>
    </HTML>

    3. Validando formulrios com JavaScript


    Criando um formulrio simples:
    <HTML>
    <HEAD>
    <TITLE> Formulrio com JavaScript </TITLE>
    </HEAD>
    <BODY>
    <H1> Formulrio de registro </H1>
    <HR>
    <FORM NAME="regform">
    Nome: <INPUT NAME="nome" TYPE="TEXT" SIZE="20" MAXLENGTH="40" VALUE="">
    <BR><BR>
    <INPUT TYPE="BUTTON" VALUE="registrar">
    </FORM>
    </BODY>
    </HTML>

    Pg. 1/3

    Acrescente uma funo JavaScript, logo aps <TITLE>


    <HTML>
    <HEAD>
    <TITLE> Exemplo com JavaScript </TITLE>
    <SCRIPT>
    <!-function valida()
    {
    if (regform.nome.value == "")
    {
    alert("Voce esqueceu de fornecer seu nome");
    return;
    }
    else regform.submit();
    }
    //-->
    </SCRIPT>
    </HEAD>

    Acrescente um evento "onclick" ao boto que ative a funo valida:


    <INPUT TYPE="BUTTON" VALUE="registrar" onClick="valida()">

    4. Construindo uma calculadora simples.


    Este programa cria uma calculadora utilizando javascript e formulrios. O utilizador fornece o valor no
    campo "expr". O boto "calcula" ativa o script valida(). Este script faz uma verificao com o utilizador e
    em caso afirmativo, ativa a a funo eval(). Esta funo utiliza o valor que estar no campo "expr"
    (form.expr.value) e coloca o resultado em (form.expr.result) que um outro campo do formulrio.
    <HTML>
    <HEAD>
    <SCRIPT>
    <!--- Escondendo o script de browsers antigos
    function calcula(form) {
    if (confirm("Tem certeza?"))
    form.result.value = eval(form.expr.value)
    else
    alert("Tente novamente")
    }
    // fim do script -->
    </SCRIPT>
    </HEAD>
    <BODY>
    <h1>Calculadora</h1>
    <FORM>
    Fornea uma expresso matemtica:
    <INPUT TYPE="text" NAME="expr" SIZE=15 >
    <p>
    <INPUT TYPE="button" VALUE="Calcule" onClick="calcula(this.form)">
    <INPUT TYPE="reset" VALUE="Limpar">
    <p>
    Resultado:
    <INPUT TYPE="text" NAME="result" SIZE=15 >
    </FORM>
    </BODY>
    </HTML>

    Pg. 2/3

    5. Eventos
    <HTML>
    <HEAD>
    <TITLE>Teste</TITLE>
    <SCRIPT language="JavaScript">
    function pergunta()
    {
    nome = prompt("Qual seu nome?","");
    document.open();
    document.write("Ola "+nome+"!<BR>");
    document.write("Voc acaba de carregar este documento.");
    document.close();
    }
    function despedida()
    {
    alert("Espero que tenha gostado do site. At breve!");
    }
    </SCRIPT>
    </HEAD>
    <BODY onLoad="pergunta()" onUnload="despedida()">
    Que site interessante.<BR>
    Ou no ?
    </BODY>
    </HMTL>

    Pg. 3/3

    Vous aimerez peut-être aussi