Como o JavaScript funciona e como posso construir calculadoras simples com ele?

Jan 31 2013
No que diz respeito às linguagens de programação, JavaScript é de dificuldade média. Aprenda o que é Javascript e como construir calculadoras com ele.
JavaScript é uma linguagem de programação de computador. Pat Greenhouse/The Boston Globe via Getty Images

JavaScript é o que é chamado de linguagem de script do lado do cliente. Isso significa que é uma linguagem de programação de computador que é executada dentro de um navegador da Internet (um navegador também é conhecido como cliente da Web porque se conecta a um servidor da Web para baixar páginas).

A maneira como o JavaScript funciona é interessante. Dentro de uma página da Web normal, você coloca algum código JavaScript (consulte Como funcionam as páginas da Web para obter detalhes sobre as páginas da Web). Quando o navegador carrega a página, o navegador possui um interpretador integrado que lê o código JavaScript encontrado na página e o executa.

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

Outra maneira que os designers de páginas da Web usam JavaScript é criar calculadoras. Aqui estão vários exemplos:

  • Calculadora de RPN
  • MegaConverter - uma grande coleção de calculadoras
  • Calculadoras de finanças pessoais

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




         

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



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


       

A função é chamada de temp. Ele contém código JavaScript para calcular uma temperatura Celsius.

No corpo da página há um formulário típico:

         

Esta linha é fundamental:


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

No que diz respeito às linguagens de programação, JavaScript é de dificuldade média. Não é especialmente difícil aprender a usá-lo se você já entende de programação, mas se você é novo em programação, certamente não é uma linguagem fácil para começar. O que você pode fazer, no entanto, é modificar esse código de exemplo e expandi-lo para criar outras calculadoras.

Para mais informações, veja:

  • JavaScript.com
  • Calculadoras JavaScript
  • Conversores JavaScript
  • Formulários

Perguntas frequentes sobre JavaScript

JavaScript é fácil de aprender?
JavaScript é uma linguagem de programação fácil de aprender que é ensinada principalmente para iniciantes. Comparado a outras linguagens, pode ser aprendido rapidamente e é considerado um dos fundamentos da codificação.
Como começo a aprender JavaScript?
Se você não está se matriculando em um curso na escola ou universidade, a melhor maneira de aprender JavaScript é por meio de livros ou vídeos do YouTube. A prática regular também é necessária, pois ajuda a fortalecer os conceitos.
Como posso aprender JavaScript rapidamente?
Se você já entende os conceitos básicos de codificação, como HTML e CSS, o JavaScript é fácil de entender e não leva muito tempo para aprender.
O JavaScript é gratuito para instalar?
Sim. Uma das principais vantagens de aprender JavaScript é que ele é totalmente gratuito para instalar no seu computador. Isso significa que você não precisa se preocupar em pagar uma taxa mensal ou anual pelo programa.
Onde posso praticar JavaScript online?
Existem vários recursos online que você pode usar para aprender JavaScript em todos os níveis, do iniciante ao avançado. W3schools e Khan Academy são apenas dois exemplos de onde você pode aprender JavaScript online gratuitamente.