[Javascript]: Iniciando em javascript Aula #1
Autor: SuYaNw | Publicado: 2012-02-24T03:08:00-02:00




Hoje, como é nossa primeira aula,
ensinarei a como utilizar funções, e como utiliza-las.
na segunda aula irei preparar um artigo para lógica javascript e intuitos básicos.
mais para demonstração, preparei a aula bem legal!


Sumário:
- Primeiros passos
- Executando funções
- Comparando valores







Primeiros passos:
function nome_da_funcao(parametros)
Como você está notando, a palavra function indica "função" e oque está antes do "("significa o nome
da função que será chamada. e oque está entre "(" e ")" será os parâmetros.

Exemplo:
Vou mostrar um exemplo que mandará uma simples mensagem,
muito fácil de utilizar, veja:

 function LoadSite()
{
 alert("www.suyanwdacio..blogspot.com" +
    "\nTudo oque precisa, encontra aqui!");
}
 
Como você pode notar, a função manda uma simples mensagem(alerta). 
ah, lembrando que as funções em javascripts podem ser introduzidas direto na página
ou através de documentos, com a extensão .js.
Para colocar o código em sua página, basta colocar o script dentro das tags &lt;script&gt; e &lt;/script&gt;
Exemplo:

 &lt;script&gt;
function LoadSite()
{
 alert("www.suyanw.blogspot.com" +
    "\nTudo oque precisa, encontra aqui!");
}
&lt;/script&gt;


 
Só lembrando que dentro das tags&nbsp;&lt;script&gt;&nbsp;e&nbsp;&lt;/script&gt; você pode colocar códigos de várias outras linguagens.








Executando funções 
- Para executar o código, existem várias formas, mais irei postar as mais simples,
em outra aula eu posto sobre mais jeitos de executar :)

Chamar pelo link:
Para chamar pelo link é só botar onclick='nome_minha_funcao(parametros);'
Exemplo:
&lt;a href='#' onClick="LoadSite();" &gt; Clique Aqui &lt;/a&gt; 
Na função acima, ao clicar no botão "Clique aqui", será enviada uma mensagem para o usuário,
muito simples.

Chamar pelo botão:
&lt;input type='button' onClick="LoadSite();" value='Clique neste botão'&gt; 
Neste código, como você pode perceber oque foi preservado foi a parte: "onClick='LoadSite();'".


Chamar pelo body(ao carregar a página):

 &lt;body onload='LoadSite();'&gt;
Funções do corpo da minha página..
&lt;/body&gt;
 
Agora, neste método, foi usado a função "OnLoad" significa "AoCarregar".
viu, como são simples e fáceis o uso das funções ?







Comparando valores
- Para comparar condicionais em javascript é muito fácil,
como nas demais linguagens, é só colocar o comparador ( if) e
identificar oque você quer comparar.

Exemplo de comparação de números

 &lt;script&gt;
function TesteFuncao(letras)
{
 if(letras &gt; 2)
 {
  alert("Maior que 2");
 }
 else
 {
  alert("Menor que 2");
 }
}
&lt;/script&gt;

&lt;input type='button' value='Click' OnClick="TesteFuncao(5);"/&gt;
  


No código acima, ele compara se o valor da variável "letras" é maior que 2,
caso for ele envia uma mensagem, caso for&nbsp;ao contrário ele envia outra.
Exemplo de comparação de strings(textos)
 
&lt;script&gt;
function TesteFuncao(letras)
{
 if(letras.length &gt; 2)
 {
  alert("A frase é maior que 2 caracteres");
 }
 else
 {
  alert("A frase é menor que 2 caracteres");
 }
}
&lt;/script&gt;


&lt;input type='button' value='Click' OnClick="TesteFuncao('Visite: www.suyanwdacio.blogspot.com');"/&gt;

Como vocês notaram no outro exemplo,
a função length que é tamanho, é só colocar length no final da linha operacional.  Por enquanto é isto, até mais! logo logo eu crio a continuação desta sessão de tutoriais. Abraços!