javascript
TRANSCRIPT
JavaScript
A Web que o usuário final vê é construída por três “camadas”: Conteúdo (HTML), formatação (CSS) e Comportamento (JavaScript que incrementa o comportamento). Se todas essas forem bem construídas, o programador obterá os melhores resultados e uma maior satisfação do cliente.JavaScript é uma linguagem de programação utilizada para criar pequenos programas para realizar ações em uma página da web. É uma linguagem de script ou roteiro, usada para desenvolver aplicações a clientes e permitir ao programador acrescentar ações em páginas escritas em HTML.O JavaScript não está relacionado ao Java. É uma linguagem de programação feita para complementar as capacidades do HTML. O código de JavaScript é enviando ao cliente como parte do código HTML de uma página, e pode ser utilizado para criar efeitos especiais, como botões animados, sons etc.Ela não é uma linguagem para rodar sozinha, precisando de um navegador para tal.Com ela podemos criar efeitos especiais nas páginas e definir interatividades com o usuário. Quando se acessa um site, alguns exemplos de scripts são: aparecimento da data/hora, saudações como “bom dia”.
Estrutura básica de um ScriptPodemos embutir o código em qualquer lugar da página, entretanto é recomendável colocar no início do código HTML, para facilitar a manutenção.EstruturaPara inserir o código JavaScript dentro de um documento HTML, é necessário delimitar o conjunto de instruções:<SCRIPT LANGUAGE= “JavaScript”>
Instruções</SCRIPT>
A exibição de informações para o usuário pode ser feita usando a função:document.write(“mensagem”); ou alert(“mensagem”);
<HTML><HEAD><SCRIPT LANGUAGE="JavaScript">
document.write(“Bem-vindo à Linguagem JavaScript”)</SCRIPT></HEAD><BODY></BODY></HTML>
Observação: Em JavaScript, se devem respeitar as letras maiúsculas e as minúsculas, pois é uma linguagem case sensitive.
Caixas de diálogo ou de mensagemEssas caixas de diálogo podem ser de alerta, de confirmação ou de prompt de entrada. JavaScript coloca à disposição três caixas de mensagens:
• alert: sua função é mostrar apenas uma mensagem, com um botão de confirmação para que esta seja fechada. Em caixas de diálogo, há a possibilidade de controlar o texto usando \n para a quebra de linhas.
• prompt: permite solicitar uma entrada. A sua função é a de receber uma string como parâmetro. Esse parâmetro será a mensagem a ser exibida dentro da caixa de diálogo.
• confirm: tem apenas dois botões: OK e CANCELAR. Sua função é a de retornar um valor que pode ser verdadeiro ou falso.
Comentários<SCRIPT>//Este é um comentário de uma linha/*Este é um comentário que pode seExpandir por várias linhas.*/</SCRIPT>
VariáveisVariável é uma posição de memória que pode conter um valor qualquer em determinado ponto do programa. As variáveis contêm dados que podem ser modificados durante a execução de um programa.Podemos dar qualquer nome para uma variável. Porém existem algumas regras e restrições.O nome das variáveis é case sensitive, isto é, existe a diferenciação entre maiúsculas e minúsculas.O javaScript adota um sistema de gerenciamento mais amigável das variáveis. Enquanto que em algumas linguagens é necessário haver uma definição sobre o quê exatamente um variável guardará (um texto, um número inteiro, uma lista....), no JavaScript isso não é necessário.
OperadoresSão símbolos, que permitem operações aritméticas, lógicas, etc.Operador Descrição Exemplos+ Soma valores A=5+2- Subtrai valores B=B-1* Multiplica valores x=x*5/ Divide valores a=4/2% Resto da divisão d=5%3
d assume valor 2= Atribui o valor do operando
esquerdo ao operador direitox=3a=b+c
++ Incrementa valor de uma variável
x++ é o mesmo quex=x+1
-- Decrementa valor de uma variável
x-- é o mesmo que x=x-1
&& Operador lógico e 3==3&&5<10 // verdadeiro|| Operador lógico ou 2==1||1==10 // falso! Operador lógico não !(3==3) // falso
Conversão de valoresO JavaScript entende que o que é digitado é uma string. Por isso ao se trabalhar com números é necessário fazer a devida conversão. Esta conversão pode ser feita das seguintes formas:
• eval() – Converte uma string para um valor inteiro ou ponto flutuante;• parseInt() – converte uma string em um número inteiro;• parseFloat(): converte uma string em um número de ponto flutuante.
Atividades
1) Construa uma página em que apareça a mensagem “Bem vindo a este site!”.2) Construa uma página e coloque uma mensagem com quebra de linha.3) Construa uma página que leia o valor do dólar, a quantidades de dólares a ser trocada e informe o valor em
Real.4) Construa uma página que leia 4 notas e mostre a média.5) Construa uma página que leia o valor de uma compra e calcule 10% de desconto.6) Construa uma página que leia o saldo de uma aplicação e imprima o novo saldo, considerando o reajuste de
1%.7) Construa uma página que calcule o valor de uma prestação em atraso, utilizando a fórmula:
PRESTAÇÃO=VALOR+(VALOR*(TAXA/100)*TEMPO)
Estruturas condicionais
A estrutura condicional ela se caracteriza pela execução de determinados códigos de programação, dependendo da veracidade de uma condição. O comando só será executado se a condição for verdadeira. Uma condição é uma comparação que possui dois valores possíveis, verdadeiro ou falso.Na sua formulação, a mais simples, a expressão if apresenta-se assim:
if (condição verdadeira){Uma ou várias instruções;}
Desta forma, se a condição é verdadeira, as instruções executam-se. Se ela não é, as instruções não se executam e o programa passa para o comando seguinte.Na estrutura condicional composta de um conjunto de comandos executados, os procedimentos se dão de uma forma se a condição especificada for verdadeira e de outra se a condição for falsa.De maneira um pouco mais evoluída, tem-se a expressão if...elseif (condição verdadeira){Instrução1;}Else{Instrução2;}
Atividades
1) Construa um script que leia o nome e as 3 notas de um aluno, considerando a média 7; calcule a média e informe se o aluno está aprovado ou reprovado segundo o modelo:Aluno, você está aprovado com a média X.
2) Construa um script que leia a idade de uma pessoa e informe a sua classe eleitoral: não eleitor (abaixo de 16 anos); eleitor obrigatório (entre a faixa de 18 anos e menor de 65 anos); eleitor facultativo (de 16 anos até 18 anos e maior de 65 anos, inclusive).
3) Escreva um algoritmo para ler dois valores numéricos e apresentar a diferença do maior pelo menor.