Prática de Programação JavaScript

A Linguagem de Programação Web JavaScript é executada no navegador Web, como uma página da Internet interativa.

Para esta prática vamos fazer um programa que mede o índice de massa corporal IMC, pedindo do usuário seu nome, peso e altura.

Para a interação com o usuário faremos uso de janelas, onde teremos as entradas do programa, e para a saída do cálculo do IMC usaremos a página Web.

Uma página Web é feita com Tags, que são marcações de formatação, que abrem e fecham.

As principais são:

<HTML> Informa ao navegador que é uma página em HTML, onde contêm toda a página.

<HEAD> Indica o cabeçalho do página que contêm o <TITLE> título.

<BODY> Indica o conteúdo que contêm <H1> um título de texto e <p> para um parágrafo.

<SCRIPT> Indica ao navegador que o código colocado aqui é um programa em JavaScript.

Para saber mais sobre como fazer uma página acesse esse tutorial HTML. Para nossa prática isso já suficiente.

Em qualquer editor de texto copie e salve o seguinte código como: Programa.html

<HTML>

<HEAD>

<TITLE>Meu programa</TITLE>

</HEAD>

<BODY>

<H1>Meu programa</H1>

var escreva = function(frase){

document.write(frase);

}

var nome = prompt("Qual o seu nome?")

var peso = prompt("Qual o seu peso?")

var altura=prompt("Qual a sua altura?")

var imc = peso/(altura*altura)

escreva(" Bom dia " + nome);

escreva(" Seu IMC é " + imc);

</script>

</BODY>

</HTML>

Depois de salvá-lo, clique duas vezes no arquivo criado para executar em seu navegador de Internet.

Explicando o programa:

Aparecerá a janela pedindo o nome, peso em kilos e altura em centímetros, depois o programa calcula o IMC e mostra na página.

São usados os seguintes comando em JavaScript:

var - declara uma variável.

prompt - abre uma janela para entradas usando o teclado.

document.write - escreve a saída na página Web.

function - cria uma função, neste caso criamos uma função para escrever na saída.

Referências:

Para aprender mais sobre HTML e JavaScript acesse essa Apostila da Caelum.