<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.
<!-- 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
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:
<meta name="autor" content="Rafael Feitosa">21
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.
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
JavaScript na seção head
<!-- alert("Isto e uma caixa de alerta executada pelo JavaScript") // --> </script>
JavaScript no corpo do documento
<!-- 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
O método document.write() permite escrever texto diretamente no corpo da página enquanto ela carrega. </p>
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>
Comentários no código JavaScript
<meta name="autor" content="Rafael Feitosa">24
// 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
Neste exemplo declara-se uma variável, atribui-se um valor e escreve esse valor na página. </p>
<!-- 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>