Curta nos no facebook

quarta-feira, 19 de agosto de 2015

Exemplos de JavaScript - Parte 1

Iremos neste artigo apresentar exemplos práticos do uso da linguagem JavaScript para sites


Atividade 1)
Esta atividade tem por objetivo criar um formulário com dois buttons, que permitem alterar a cor de fundo da página quando o usuário seleciona pelo button a cor desejada.

<!-- Exemplo de Página que permite alterar a cor de fundo com JavaScript -->
<!-- Salve esta página como Ex_fundo.html -->
<HTML>
<HEAD>
   <TITLE> ETRR </TITLE>
   
<SCRIPT>

// Observe abaixo, que foi criada a função fundo, com uma variável denominada "nr".
// através desta variável, estaremos direcionando quando a página terá o fundo black ou white
// document --> refere-se à pagina html
// bgcolor --> é a propriedade em html para alterar a cor do corpo da página
// if --> estrutura de condição que traduzida para o portugues denomina-se "se"


function fundo(nr){
if (nr==1)
   document.bgColor="black";

if (nr==2)
   document.bgColor="white";

return
}


</SCRIPT>
</HEAD>

<BODY BGCOLOR="white">

<P><FONT SIZE="+2" COLOR="RED"> Bem vindo à sua página ...</FONT>

<BR><BR>

<FORM>
<! -- Observe que os buttons abaixo, estarão acionando a função criada acima (fundo), passando entre
parênteses, um valor que será 1 ou 2. Esses valores serão justamente a definição do conteúdo a ser informado
para a variável definida "nr" que está sendo testada na função fundo(nr). Caso você queira usar este exemplo
para permitir ao usuário mais opção de cores através dos buttons, você precisará acrescentar outros valores. -->
<! -- Observe também que o evento a ser trabalhado nos buttons será o evento Onclick  -->

<P><FONT COLOR="BLUE">Selecione a cor de fundo:</FONT><BR>
<INPUT TYPE="button" NAME="bt1" VALUE=" Preto " onClick="fundo(1)"> 
<INPUT TYPE="button" NAME="bt2" VALUE=" Branco " onClick="fundo(2)">
</FORM>

</BODY>
</HTML>


Atividade 2)
Página que permite ler dois valores e concatená-los.




Atividade 3)
Ler dois valores, e realizar a soma destes valores



Atividade 4)
Ler dois valores e realizar a média aritmética entre esses dois valores




2 comentários:

  1. Como fazer o trabalho que você passou sobre a parte 2? se nao tem?

    ResponderExcluir
    Respostas
    1. Oi Maylla, infelizmente não houve a publicação do blog e eu não reparei. Sendo assim, farei a colocação para a próxima semana. Grande abraço.

      Excluir