Como Funciona a linguagem de programação JavaScript
Javascript é uma linguagem de programação utilizada para criar pequenos programinhas encarregados de realizar ações dentro do âmbito de uma página web.
Javascript é o seguinte passo, depois do HTML, que pode dar um programador da web que decida melhorar suas páginas e a potência de seus projetos. É uma linguagem de programação bastante simples e pensada para fazer as coisas com rapidez, às vezes com leveza. Inclusive as pessoas que não tenham uma experiência prévia na programação poderão aprender esta linguagem com facilidade e utilizá-la em toda sua potência com somente um pouco de prática.
Javascript ou Linguagem de Script “client-side“(A aplicação é executado no micro do usuário e não no servidor que hospeda a aplicação), funciona dentro de um navegador de internet dentro da página normal. Quando abrimos uma página que contenha alguns script criado com a linguagem de programação javascript, 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.
A linguagem de programação javascript é usada de diversas formas em uma página, a mais comuns são para validação de campo em um formulário, formulários online e até criar calculadoras.
Javascript não é muito simples de se aprender, para quem quer começar recomendo ir modificando códigos e ir famialiarizando com a linguagem.
Agora que sabemos como funciona a linguagem de programação javascript client side, vamos tentar montar uma calculadora de 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>
<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>
O resultado será este:
Se você já leu os artigos de HTML aqui do blog já sabe como funciona esta pagina, para quem não entende bem a linguagem Javascript recomendo ler meus artigos no site Brasil High Tech, tem bastante coisa que pode ajudar.
Bom, vamos ao código: O HTML é super básico, então nem vou falar sobre, vamos direto pro assunto principal que é o Javascript. Bem no cabeçalho se encontra o código que é o responsável por 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>
E o Formulário que também é bem comum fica no corpo da página:
<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>
O comando principal é o onClick, quando licamos nele, a função que está no cabeçalho é chamada.
Este é o trecho mais importante da função:
<INPUT NAME=”calc“
VALUE=”Calculate“
TYPE=BUTTON
onClick=temp(this.form)>
Como disse anteriormente, este código pode ser modificado para criar outros tipos de calculadoras. Fazer o uso dessa linguagem é bem mais dificil que aprendê-la, mas modificar códigos e criar coisas pode não ser complicado, desde que entenda um pouquinho de programação, e lógico, tem que saber HTML.
Tweet This
Share on Facebook
Digg This
Save to delicious
Stumble it
RSS Feed
2 Comentários