html>

Conversor de Fahrenheit para Celsius

JavaScript é também chamado de Linguagem de Script "client-side". Isso significa que é uma linguagem de programação de computador que funciona dentro de um navegador de internet (um navegador também é chamado de cliente web porque ele se conecta ao servidor web para baixar páginas).

O modo como funciona o JavaScript é interessante. Dentro de uma página da Web normal, você coloca um código JavaScript (veja Como funcionam as páginas da Internet  para mais detalhes). Quando o navegador carregar a página, irá acionar um interpretador embutido que vai ler o código JavaScript que encontrar na página e fazê-lo funcionar.

Os designers de páginas da web usam JavaScript de diferentes formas. Uma das mais comuns é fazer a validação de campo em um formulário. Muitos Web sites reúnem informações dos usuários em formulários online e o JavaScript pode ajudar a validar as entradas. Por exemplo, o programador pode validar que a idade da pessoa inserida no formulário seja de 1 a 120.

Outra forma dos web designers usarem o JavaScript é criar calculadoras. Veja os exemplos:

Para dar um exemplo de uma calculadora em JavaScript extremamente simples, o HTML abaixo mostra como criar um conversor de Fahrenheit para Celsius usando JavaScript:

<html>
<head>
<script language="JavaScript">
<!-- oculte este script dos antigos navegadores function temp (form)
{
var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;
}
// concluído ocultando de antigos navegadores -->
</script>
</head>
<body>
<FORM>
<h2>Conversor de Fahrenheit para Celsius</h2>
Insira uma temperatura em graus F:
<INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
Clique neste botão para calcular a temperatura em graus C:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
A temperatura em graus C é:
<INPUT NAME="DegC"
READONLY SIZE=15>
</FORM>
</body>
</html>

Clique Aqui para ver esse código HTML em ação.

Se você leu Como funcionam as páginas da Internet  e Como funcionam os scripts CGI, então boa parte desse HTML será familiar. Esta é a estrutura básica de qualquer página da web:

Há uma parte do código JavaScript no cabeçalho que é a função para calcular a conversão de Fahrenheit para Celsius: 

 <html>
  <head>
     <script>
     <!-- oculte este script dos antigos navegadores
     function temp(form)
     {
       var f = parseFloat(form.DegF.value, 10);
       var c = 0;
       c = (f - 32.0) * 5.0 / 9.0;
       form.DegC.value = c;
     }
     <!-- concluído ocultando de antigos navegadores -->
     </script>
    </head>
  </html>
A função é chamada temp. Ela contém um código JavaScript para calcular a temperatura Celsius.

No corpo da página há um formulário comum: 

   <FORM>
        <h2>Conversor de Fahrenheit para Celsius</h2>
		     Insira a temperatura em graus F:
      <INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
    Clique neste botão para calcular a temperatura
     em graus C:
     <INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
      onClick=temp(this.form)>
    A temperatura em graus C é:
      <INPUT NAME="DegC" READONLY SIZE=15>
   </FORM>

Esta linha é chave:  
 <INPUT NAME="calc"
 VALUE="Calculate"
 TYPE=BUTTON
      onClick=temp(this.form)>

Este é um controle normal de botão. Quando o usuário clica nele, ele chama a função no cabeçalho da página por causa da notação onClick.

Enquanto as linguagens de programação até são compreensíveis, o JavaScript é um pouco mais difícil. Não é muito difícil de aprender como usá-lo caso você já entenda de programação, mas se não tiver experiência no assunto, certamente não é uma linguagem fácil para começar. Entretanto, o que você pode fazer é modificar este código de amostra e aumentá-lo para criar outras calculadoras.

Aqui vão alguns links interessantes: