Curso de Programação em Javascript e HTML

Curso de Programação em Javascript e HTML

(Parte 5 de 10)

<script type="text/javascript">

<meta name="autor" content="Rafael Feitosa">19

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C soma = 0; for(var i = 0; i < 3; i++) { soma += i; document.write("O valor do índice é agora de " + i + "<br>"); } --> </script>

Este pedaço de código começa por definir uma variável (global) chamada soma atribuindo-lhe o valor zero. O ciclo for define uma variável de índice (var i = 0) e verifica se a condição i < 3 é cumprida. Se o resultado da verificação for true será executado o código que se encontra entre as chaves mais abaixo, o qual adiciona i à variável soma e apresenta uma mensagem informando sobre o valor atual da variável i. Depois é executada a terceira instrução do ciclo (i++), a qual soma uma unidade ao valor do índice i e dá-se início a um novo ciclo. Este começa testando de novo o respeito pela condição i < 3. Se o resultado for true volta a executar o código que está entre as chaves com o valor atualizado de i. Isto se repete até que i < 3 dê false, o que termina a execução do ciclo for.

O exemplo seguinte é mais elaborado e executa um ciclo que percorre todos os elementos de um array de nomes e destaca aqueles que começam com a letra H.

<script type="text/javascript">

<!-- var nomes = new Array("Manuel", "Rita", "Joana", "Francisco", "Luís", "Bernardo", "Helder", "Patrícia", "Hugo", "Antônio", "Fabrício"); for(var i=0; i < nomes.length;i++) { var nome = nomes[i] if(nome.charAt(0) == "H") alert("O nome " + nome + " comeca com a letra H"); } --> </script>

<meta name="autor" content="Rafael Feitosa">20

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

Neste exemplo usamos o método charAt() do objeto String para verificar se o caractere inicial do nome (aquele está na posição zero) é igual à letra H.

1.2 Ciclos while

O ciclo while é muito parecido com o ciclo for. De fato tudo o que um faz pode ser feito com o outro, embora por questões de legibilidade (e de elegância do código) cada um deles possa ter áreas de aplicação que para as quais é mais indicado do que o outro.

O ciclo while avalia uma condição e se ela der true executa o bloco de código que vem imediatamente a seguir. Se der false salta para frente do bloco de código que vem a seguir sem o executar.

Este exemplo usa um ciclo while para produzir o mesmo efeito que o exemplo anterior feito com o ciclo for:

<script type="text/javascript">

<meta name="autor" content="Rafael Feitosa">21

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

PARTE I: Programação em JavaScript

1. Revisão de matérias importantes

Na 1ª Parte deste curso em "Introdução ao JavaScript" nós abordamos os aspectos básicos desta linguagem de programação. Apesar disso, voltamos a chamar a atenção do leitor para algumas coisas que sendo simples podem causar problemas a quem está dando os primeiros passos.

Questões básicas

Para começar certifique-se de que irá compreender bem os exercícios práticos que serão apresentados a seguir. Eles ilustram alguns aspectos importantes para o estudo que se segue. Os exercícios apresentados neste tutorial contêm explicações e devem ser estudados para compreender as matérias.

<meta name="autor" content="Rafael Feitosa">2

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

Exemplos de Aplicação

JavaScript na seção head

<script type="text/javascript">

<!-- alert("Isto e uma caixa de alerta executada pelo JavaScript") // --> </script>

JavaScript no corpo do documento

<script type="text/javascript">

<!-- document.write("Esta mensagem foi escrita enquanto a página estava sendo carregada") // --> </script>

Escrever texto na página com JavaScript

<meta name="autor" content="Rafael Feitosa">23

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

O método document.write() permite escrever texto diretamente no corpo da página enquanto ela carrega. </p>

<script type="text/javascript">

Um arquivo externo com código JavaScript ext.js document.write("Este script veio de um arquivo externo!!!")

O script responsável pela escrita do texto mais abaixo está guardado em um arquivo externo chamado "ext.js". </p>

<script type="text/javascript" src="ext.js"></script>

Comentários no código JavaScript

<meta name="autor" content="Rafael Feitosa">24

Curso de Programação em JavaScript e HTML Dinâmico Desenvolvimento, aplicações e referências de acordo com as normas do W3C

<script type="text/javascript">

// Aqui temos um comentário com uma única linha document.write("Ao encontrar os caracteres \/\/ o interpretador de JavaScript ignora o resto da linha") document.write("<br><br>") /* Aqui temos um comentário com várias linhas. O interpretador de JavaScript ignora tudo o que estiver dentro do comentário. */ document.write("Ao encontrar os caracteres /* o interpretador de ") document.write("JavaScript procura os caracteres */ e continua a interpretar o código depois deles. ") document.write("Tudo o que estiver entre /* e */ é ignorado pelo interpretador de JavaScript.") // --> </script>

Declarar uma variável, atribuir-lhe um valor e apresentá-la na página

<script type="text/javascript">

Neste exemplo declara-se uma variável, atribui-se um valor e escreve esse valor na página. </p>

<script type="text/javascript">

<!-- var linguagem = "JavaScript" document.write("<p>O "+linguagem+" é muito fácil de aprender<\/p>") // --> </script>

Uma vez atribuído um valor à variável podemos usá-la várias vezes para representar o valor que lhe foi atribuído. </p>

(Parte 5 de 10)

Comentários