Funções JavaScript: mudanças entre as edições
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">