JAVASCRIPT Tutorial Básico Aden Soares 2013. OBS: NÃO CONFUNDIR JAVASCRIPT COM JAVA ► O que é JavaScript? É uma linguagem de programação utilizada para.

Apresentação em tema: "JAVASCRIPT Tutorial Básico Aden Soares 2013. OBS: NÃO CONFUNDIR JAVASCRIPT COM JAVA ► O que é JavaScript? É uma linguagem de programação utilizada para."— Transcrição da apresentação:

1 JAVASCRIPT Tutorial Básico Aden Soares 2013

2 OBS: NÃO CONFUNDIR JAVASCRIPT COM JAVA ► O que é JavaScript? É uma linguagem de programação utilizada para aixílio de desenvolvimento de páginas para a internet. ► Quais suas utilidades? Você pode tornar suas páginas mais interativas, utilizando recursos como: botões que mudam ao passar o mouse em cima, exibir o horário atual e outras infinitas aplicações.

3 O código é aplicado a partir de uma página HTML ficando entre e o. Da seguinte maneira: INICIANDO JAVASCRIPT alert(“Minha primeira mensagem!”) Nesse caso, Exibe uma janela com a frase Minha primeira mensagem! com apenas um botão de OK. Analisando o código

4 Exemplo: a = 5 b = 8 c = a + b alert(c) Analisando o código a = 5 Indica que a variável “a” está recebendo o valor 5. b = 8 Indica que a variável “b” está recebendo o valor 8. c = a + b Indica que o valor da variável “c” equivale ao resultado de a+b, que no caso seria 5+8, ou seja, 13. alert(c) Abre uma janela exibindo o valor da variável c. OBS: alert(c) é diferente de alert(“c”)

5 Expressão de condição if O if é a mais básica das expressões de condição no JavaScript. Serve para você decidir se quer executar uma ação ou não. Exemplo: bananas = 6 if (bananas == 6) { alert(“Temos meia dúzia de bananas”) } Analisando o código Bananas = 6 Indica que a variável “banana” está recebendo o valor 6. if (bananas == 6) Indica que se a variável de dentro do parênteses, no caso, “bananas” tiver valor igual a 6 então o código irá adentrar no bloco do if e executar a próxima etapa. alert(“Temos meia dúzia de bananas”) Como a condição do if foi verdadeira, esse trecho foi executado, o que irá resultar em uma janela exibindo a mensagem.

6 Expressão de condição if else O else é utilizado quando o if não for verdadeiro. Exemplo: bananas = 22 { if (bananas == 6) alert(“Temos meia dúzia de banans”) } else { alert(“Temos outra quantidade de bananas”) }

7 O exemplo anterior é lido da seguinte maneira: “Se” (if) o número de bananas for igual a 6, faça alert(“Temos meia dúzia de bananas”). “Senão”(else), faça alert(“Temos outra quantidade de bananas).

8 Exemplo 2: bananas = 22 if (bananas == 6) { alert(“Temos 6 bananas”) } else if (bananas == 10) { alert(“Temos 10 bananas) } Else { alert(“Temos outra quantidade de bananas”) } Obs: A interpretação se assemelha da mesma maneira que a questão anterior apenas com o adicional de outra condição “Ou se” (else if), que será lida apenas se a primeira condição não for verdadeira.

9 switch O switch é utilizado para condições de comparações mais simples. Exemplo: farol = “amarelo” Switch (farol){ case “vermelho”: alert(“Pare”) break case “amarelo”: alert(“Atenção”) break case “verde”: alert(“Prossiga”) break default: alert(“Cor ilegal”) }

10 Analisando o código A interpretação do exemplo anterior ou de switch em geral é simples, “Caso” (case) a condição seja verdadeira então o código prossegue com a ação. OBS: Não esquecer do default, pois se nenhuma das condições forem satisfeitas o switch entrarar no default.

11 Expressões de loops for O for é utilizado quando se deseja que um trecho de um código se repita n vezes. Exemplo: a = 2 for (i = 0; i < 2; i++) { a = i } alert(a) Analisando o código Vamos analisar este trecho: for (i = 0; i < 2; i++) Primeiramente foi utilizado uma variável temporária que chamamos de i e atribuímos a ela o valor 0. for (i = 0; i < 2; i++) O item em seguida se assemelha ao if, ou seja, Se o valor de i for inferior a 2 então entra no loop. for (i = 0; i < 2; i++) Neste ultimo caso, estamos indicando que a cada repetição, a variável i será incrementada em uma unidade. Caso contrário o valor de i seria sempre o mesmo criando um loop infinito.

12 Expressão de loops while O uso do while é semelhante ao uso do for Exemplo: numero = 0 while (numero < 10) { numero++ } alert(numero) Analisando o código O bloco será executado enquanto a condição é de parada for satisfeita, no entanto dentro do while podemos notar que foi dado um incremento que fará com que a condição seja falsa após algumas repetições, caso contrário o código entraria em um loop infinito.

13 Expressão de loops do while O do while é semelhante ao while, a diferença é que nesse caso o bloco de código será executado antes da verificação da condição Exemplo: numero = 0 do { numero++ } while (numero < 10) alert(numero)