Iniciando o Java Script

Índice da página:
Criar Variáveis

A variável é criada automáticamente, pela simples associação de valores à mesma.
Nome = "João"
Foi criada a variável de nome Nome que, passou a conter a string João.
As variáveis podem ser Locais ou Globais.
As variáveis que são criadas dentro de uma função são Locais e referenciáveis apenas dentro da função.
As variáveis criadas fora de funções são Globais, podendo serem referenciadas em qualquer parte do documento. Desta forma, variáveis que precisam ser referenciadas por várias funções ou em outra parte do documento, precisam ser definidas como globais.
Embora não seja recomendável, em uma função, pode ser definida uma variável local com o mesmo nome de uma variável global. Para isso utiliza-se o método de definição var.
Variável Global : MinhaVariável = ""
Variável Local : var MinhaVariável = ""
Índice
Escrever no Documento

O JavaScript permite que o programador escreva linhas dentro de uma página (documento), através do método write. As linhas escritas desta forma, podem conter textos, expressões JavaScript e comandos Html. As linhas escritas através deste método aparecerão no ponto da tela onde o comando for inserido.

Exemplo:

<html>
<head>
<title>Escrever em JavaScript</title>
</head>
<body topmargin="0" leftmargin="0">
<p>Meu primeiro passo.</p>
<div>Valor=30<br>
Resultado para: 10*10+Valor</div>

<script>
valor = 30
document.write ("<p class='2a'>O Resultado é: " + (10 * 10 + valor) + "</p>")
</script>

</body>
</html>
Ver Índice
Comandos Condicionais

São comandos que condicionam a execução de uma certa tarefa à veracidade ou não de uma determinada condição, ou enquanto determinada condição for verdadeira.Os quais São:

• if
if (condição) { acção para condição satisfeita } [ else { acção para condição não satisfeita } ]

Exemplo:

<html>
<head>
<title>Condição if</title>

<script language="JavaScript" type="text/javascript">
function Idade(valor){
   if (valor < 18){
      document.write ("<div class='2a'>Você é Menor</div><br>")}
   else {
      document.write ("<div class='2a'>Você já é Maior</div><br>")}
}
</script>

</head>
<form>
Escreva a Sua Idade:
<input type=text size="4" maxlength="2" name="Nome">  
<input type="submit" value="Aceitar" onclick="Idade(Nome.value)"> 
</form> 
</body>
</html>
Ver

• for
for ( [inicialização;] [condição ;] [incremento da variável de controle] ) { acção }

Exemplo:

<html>
<head>
<title>Condição for</title>

<script language="JavaScript" type="text/javascript">
function Contar(){
for (x = 1 ; x <= 6 ; x++) {
	document.write (" X igual a " + x +"<br>") } 
}
</script>

</head>
<body topmargin=="0" leftmargin"0">
<form>
<div>Accione Contador:
<input type="submit"value="Contar" onclick="Contar()">
</form>
</body>
</html>
Ver

• while
while (condição) { acção }

Exemplo:

<html>
<head>
<title>Condição while</title>

<script language="JavaScript" type="text/javascript">
function Contar(){
   cont=0
   while (cont <6) {
      cont++
      document.write ("<div class='2a'> X igual a " + cont +"</div>") } 
}
</script>

</head>
<body topmargin=="0" leftmargin"0">
<form>
Accione Contador:
<input type="submit" value="Contar" onclick="Contar()">
</form> 
</body>
</html>
Ver Índice
Mensagens

Existem três formas de comunicação com o usuário através de mensagens.

• Observação
alert ("Texto Aviso")

• Confirmação
confirm ("Mensagem")

• Texto Entrada
prompt ("Minha mensagem", "Meu texto")

No exemplo que se segue, estão incluidos os três casos.

Exemplo:

<html>
<head>
<title>Mensagens</title>

<script language="JavaScript" type="text/javascript">
function Observ(){
	alert ("Isto é uma Observação!")}

function Confirmar(){
   if (confirm ("Algo está errado...devo continuar?")){
      alert("Continuando.") } 
   else {
      alert("Parando.") }}

function Entrada(){
	result = prompt ("Escreva Seu Nome:", "")
   alert("Seu Nome é: " + result) } 	
</script>

</head>
<body topmargin="0" leftmargin="0">
<form>
<div>Observação alert:
<input type="button" value="Ver" onclick="Observ()"></div><br>
<div>Confirmação:
<input type="button" value="Ver" onclick="Confirmar()"></div><br>
<div>Entrada:
<input type="button" value="Ver" onclick="Entrada()"></div><br>
</form>
</body>
</html>
Ver Índice
Criar Funções

Uma função é um ajuste de instruções, que só devem ser executadas quando a função for accionada.
A sintaxe geral é a seguinte:

function NomeFunção (Parâmetros) { Acção }

Exemplo:

<html>
<head>
<title>Criar Funções</title>
<script language="JavaScript" type="text/javascript">
function Observ(){
	alert ("Isto é uma Observação!")}

function Confirmar(){
   if (confirm ("Algo está errado...devo continuar?")){
      alert("Continuando.") } 
   else {
      alert("Parando.") }}

function Entrada(){
	result = prompt ("Escreva Seu Nome:", "")
   alert("Seu Nome é: " + result) } 	

</script>
</head>
<body topmargin="0" leftmargin="0">
<form>
<div>Observação alert:
<input type="button" value="Ver" onclick="Observ()"></div><br>
<div>Confirmação:
<input type="button" value="Ver" onclick="Confirmar()"></div><br>
<div>Entrada:
<input type="button" value="Ver" onclick="Entrada()"></div><br>
</form>
</body>
</html>
Ver Índice