Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
Parte 3 - Usando variáveis
para fazer um cálculo matemático
Início
do Curso - Usando variáveis para fazer um cálculo
matemático
O nosso próximo script pode parecer um pouco
complexo. Tente concentrar-se no uso das variáveis. Os
demais elementos serão explicados em outra parte do curso.
O script é simples. Queremos que a página exiba
duas caixas de texto em que o usuário deverá digitar
dois valores. Ao clicar o botão Calcular, nós
vamos exibir uma mensagem com a soma dos valores informados.
Vamos ao código:
<html>
<head>
<title>Estudando JavaScript</title>
<script type="text/javascript">
<!--
function calcular(){
var primeiroNum = parseFloat(document.form1.text1.value);
var segundoNum = parseFloat(document.form1.text2.value);
window.alert(primeiroNum + segundoNum);
}
//-->
</script>
</head>
<body>
<form name="form1">
Primeiro Número:
<input type="text" name="text1"><br>
Segundo Número:
<input type="text" name="text2"><br>
Clique aqui para calcular:
<input type="button" value="Calcular"
onclick="calcular()">
</form>
</body>
</html>
Este código resultará na página mostrada
na imagem abaixo:
Este código, se bem estudado, trará a você
uma das técnicas mais importantes em JavaScript, que
é fazer cálculos. Vamos tentar entender tudo o
que foi usado aqui.
Uma parte do nosso código é HTML puro. Criamos
um formulário com duas caixas de texto e um botão.
Observe aqui que foram dados nomes tanto ao formulário
quanto às caixas de texto. A partir do momento que você
precisa referenciar os elementos da página via código,
deve dar nomes à eles.
A seguir criamos uma funçao chamada calcular(), da qual
fazermos a chamada por meio do botão Calcular. Foram
criadas duas variáveis que deverão armazenar os
valores digitados pelo usuário durante a execução
do código. Aqui nós usamos a função
parseFloat. Por que fazer a coisa tão
complicada? Como o conteúdo da caixa de texto é
do tipo string (linha de texto), nós tivemos que transformar
esse conteúdo em um valor numérico para que o
cálculo fosse possível. Depois de armazenar os
dois valores, tudo que temos a fazer é efetuar um cálculo
matemático usando o método window.alert
para exibir uma mensagem com a soma desses dois números.
Funções, cálculos matemáticos e
o processo de acessar formulários por meio de JavaScript
serão explicados em outra parte do curso. Tente absorver
no momento o uso das variáveis e como você pode
implementá-las para obter os melhores resultados de seus
scripts.
Todo o conteúdo deste site,
quando não devidamente observado, pertence a seus idealizadores
e não
poderá ser usado para outras finalidades senão estudo e
aprimoramento de técnicas de programação.
Certifique-se de ler asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.
Precisa de um freelancer, códigos-fonte e exemplos completos?
Códigos-fonte 
Bancos de Dados
Usuários On-Line
Parte 3 - Usando variáveis
para fazer um cálculo matemático
Veja dicas, truques e anotações de 
