Funções JavaScript: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 39: Linha 39:
   
   
''Agora que ja sabemos como criar uma função em JavaScript, vamos dar um exemplo mais interessante, onde o cliente clica em um botão e é executada uma função.''
''Agora que ja sabemos como criar uma função em JavaScript, vamos dar um exemplo mais interessante, onde o cliente clica em um botão e é executada uma função.''
'''
<script>
function clica() {
document.getElementById("texto").innerHTML="Voce clicou no botao!";
}
</script>
<input type=button onClick="clica();" value="Enviar">
<div id="texto"></div>
'''

Edição das 17h02min de 10 de outubro de 2013

Funçoes em JavaScript

Vou tentar passar um pouco sobre funções em JavaScript. Elas são muito utilizadas e devem ser bem aproveitadas pelos seus aspectos positivos, não só em JavaScript, mas como em qualquer outra linguagem de programação, que são: O código fica bem organizado, você ganha tempo e espaço, o seu código é executado com melhor desempenho e você pode executar quantas vezes desejar a sua função.


Para a criação de uma função em JavaScript, devemos fazer seguindo o modelo:


function nome-da-função {
//
é o parametro utilizado para a criação da função, portanto é
uma palavra reservada para criação da função em JavaScript.
ação da função
// Aqui se executa as funções que deseja.
}


E para executar essa função posteriormente basta usar:

nome-da-função();

Muito simples. E muitas pessoas quando falamos: "Precisar usar função!" fica desesperada. Vamos para um exemplo bem simples para facilitar ainda mais o seu entendimento.


<script>
function exemplo() {
// Criando a função chamada exemplo
document.write("Estou testando minha primeira função em JavaScript!");
// Escreve na tela a mensagem.
}
 
// Chamando a função teste
exemplo()
</script>


Agora que ja sabemos como criar uma função em JavaScript, vamos dar um exemplo mais interessante, onde o cliente clica em um botão e é executada uma função.



<script>
function clica() {
document.getElementById("texto").innerHTML="Voce clicou no botao!";
}
</script>

<input type=button onClick="clica();" value="Enviar">