Revisão Turma – WEB JavaScript
Entre no site e baixe o código fonte http://at-online.esy.es/Alunos/javascript/
Atribuição de variável e lidar com retornos de mensagem. <script> nome=window.prompt("Qual seu nome?"); document.write("Olá, "+nome+"!"); </script> Sintaxe. Tipos de variáveis. Atribuição de variável e lidar com retornos de mensagem. Escrita de mensagem e gerenciamento de variáveis.
Para imprimir um texto no documento document.write(“Texto");
- + * Operadores aritméticos x = x - 5; x = a - b Soma valores. Descrição Exemplo(s) + Soma valores. a = 2 + 3; b = b +1; - Subtrai valores (como operador binário). x = x - 5; x = a - b Muda sinal (como operador unitário). x = -x; x = -(a + b); * Multiplica valores. a = 2 * 3; b = c * 5;
Operadores de atribuição Descrição Exemplo(s) = Atribui o valor do operando esquerdo ao operando direito. x = 3; a = b + c; += Soma 2 valores e atribui o resultado ao primeiro valor. x += 3; Se x era 1, passa para 4. -= Subtrai 2 valores e atribui o resultado ao primeiro. x -= 3; Se x era 1, passa para -2. *= Multiplica 2 valores e atribui o resultado ao primeiro. x *= 2; Se x era 4, passa para 8. /= Divide 2 valores e atribui o resultado ao primeiro. x /= 2; Se x era 4, passa para 2.
+ += Operadores de Strings Concatenar strings. Operador Descrição Exemplo(s) + Concatenar strings. str_1 = "Bom"; str_2 = str_1 + " dia"; str_2 contém "Bom dia" += Concatenar e atribuir o resultado ao operando da esquerda. str_1 = "Bom"; str_1 += " dia"; str_1 contém "Bom dia"
|| && ! Operadores lógicos Operador Descrição Exemplo(s), supondo a = 3 e b = 5 && E lógico: retorna verdadeiro se ambas as expressões são verdadeiras e falso nos demais casos a==3 && b<10 // retorna verdadeiro a!=3 && b==5 // retorna falso || OU lógico: retorna verdadeiro se pelo menos uma das expressões é verdadeira e falso se todas são falsas a==3 || b<10 // retorna verdadeiro a!=3 || b==5 // retorna verdadeiro a==1 || b==3 // retorna falso ! NÃO lógico: retorna verdadeiro se o operando é falso e vice-versa ! (a==3) // retorna falso ! (a!=3) // retorna verdadeiro
IF e Else, Condições
Fluxo Condicional de Dados <script> nome1=window.prompt("Qual seu nome?"); if (nome1!=null && nome1!="") { document.write("Olá, "+nome1+"!"); } else document.write("Olá, visitante!"); </script> Variáveis Booleanos Fluxo Condicional de Dados
IF e Else, e Método Condição Composta Ações com parametros
<body> <script> function validar() { if (document.cadastro.nome.value == "") { window.alert("Você deve preencher o campo Nome."); document.cadastro.nome.focus(); return false; } if (document.cadastro.observacoes.value == "") { window.alert("Você deve colocar alguma observação..."); document.cadastro.observacoes.focus(); </script> E também acrescentar o comando de “chamar” a função validar(); no botão Enviar, conforme abaixo: <INPUT TYPE="SUBMIT" VALUE="Enviar os dados“ onClick="validar();">
For e foreach Fluxo de dados Condicionais e Ordenar elementos
<script> var frase="Ola, tudo bem. "; document <script> var frase="Ola, tudo bem?"; document.write(frase+"<br>"); tamanho=frase.length; for (var i=0; i< tamanho;) { document.write("<br>Caractere na posição "+i+" : "+frase.charAt(i)); i++; } document.write("<br><br>Primeiro caractere: " + frase.charAt(0) + "<br />"); document.write("Último caractere: " + frase.charAt(frase.length-1)); /* O método charAt() retorna o caractere da posição especificada da string (do índice especificado). */ </script> Colocar script no heder
Exercício- 01 Crie duas variáveis inteiras (num1, num2) Atribua um valor qualquer nas variáveis num1 e num2 Mostre o valor das variáveis num1 e num2 no documento Crie uma rotina de programação para trocar os valores de num1 com num2 e mostre novamente o valor das variáveis num1 e num2