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 <script> e </script>
Exemplo:
<script>
function LoadSite()
{
alert("www.suyanw.blogspot.com" +
"\nTudo oque precisa, encontra aqui!");
}
</script>
Só lembrando que dentro das tags <script> e </script> 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:
<a href='#' onClick="LoadSite();" > Clique Aqui </a> 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:
<input type='button' onClick="LoadSite();" value='Clique neste botão'> Neste código, como você pode perceber oque foi preservado foi a parte: "onClick='LoadSite();'".
Chamar pelo body(ao carregar a página):
<body onload='LoadSite();'>
Funções do corpo da minha página..
</body>
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
<script>
function TesteFuncao(letras)
{
if(letras > 2)
{
alert("Maior que 2");
}
else
{
alert("Menor que 2");
}
}
</script>
<input type='button' value='Click' OnClick="TesteFuncao(5);"/>
No código acima, ele compara se o valor da variável "letras" é maior que 2,
caso for ele envia uma mensagem, caso for ao contrário ele envia outra.
Exemplo de comparação de strings(textos)
<script>
function TesteFuncao(letras)
{
if(letras.length > 2)
{
alert("A frase é maior que 2 caracteres");
}
else
{
alert("A frase é menor que 2 caracteres");
}
}
</script>
<input type='button' value='Click' OnClick="TesteFuncao('Visite: www.suyanwdacio.blogspot.com');"/>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!
Postar um comentário
2 comentários
Bom artigo!
Agora, não quero bancar o chato, mas gostaria de sugerir uma correção num trecho do artigo, pois pode levar o leitor à um entendimento errôneo do Javascript:
"Só lembrando que dentro das tags <script> e </script> você pode colocar códigos de várias outras linguagens, como jQuery."
O jQuery não é uma linguagem, e sim uma biblioteca de Javascript. Quando você usa o jQuery, você está usando o Javascript, e não uma linguagem diferente.
Seria bom informar isso no artigo, ou fazer uma breve abordagem sobre bibliotecas de Javascript.
Edgard, já estou há reparar isto,
no dia em que eu havia feito esta postagem eu estava com sono, mais enfim, obrigado por alertar.
Obrigado pelo seu comentário. Não publicamos neste blog comentários com palavras de baixo calão, denúncias levianas e troca de ofensas entre leitores.