Download - Javascript

Transcript
Page 1: Javascript

JAVASCRIPT

Page 2: Javascript

Linguagem de Programação Case sensitive Linguagem server/client side Sintaxe similar á linguagem C Pode ser incorporado ao arquivo HTML ou

em um .js próprio Funções

JavaScript

Page 3: Javascript

Incorporado ao HTML deve ser inserido entre as tag’s <script>:

<script type="text/javascript" language="javascript">document.getElementById('mensagem').innerHTML = 'Seja Bem Vindo';

</script>

JavaScript

Page 4: Javascript

Conjunto de código que ao ser “chamado” executa alguma tarefa/operação.

Funções nativas Funções criadas pelo programador

Função

Page 5: Javascript

Entrada de dados Saída de dados Estrutura de decisão Laços de repetição

JavaScript

Page 6: Javascript

Eventos Prompts (Janela com campo de texto) Confirm Formulários

Entrada de Dados

Page 7: Javascript

Qualquer acontecimento (click, carregar, passar o mouse, pressionar uma tecla) no navegador.

Quando ocorre um evento pode-se executar algum código javascript ou fazer a chamada para alguma função

Eventos

Page 8: Javascript

onclick onload onblur onmousemove onselect onunload etc

Eventos

Page 9: Javascript

<body onload="javascript:alert('Boa tarde!');">Minha página

</body>

Eventos

Page 10: Javascript

var nome = prompt('informe seu nome','');

Prompt

Page 11: Javascript

O valor do prompt deve ser armazenado em uma variável:

var nome = prompt('informe seu nome','');

Prompt

Page 12: Javascript

var decisao = confirm('Continuar?');

Confirm

Page 13: Javascript

O valor do confirm deve ser armazenado em uma variável:

var decisao = confirm('Continuar?');

Confirm

Page 14: Javascript

Formulário

Page 15: Javascript

Regatar valor de formulário: document.getElementById()

var nome = document.getElementById('campo_nome').value;

Formulário

Page 16: Javascript

document.write alert Inserir valor em objetos HTML

Saída de Dados

Page 17: Javascript

document.write(‘Boa Tarde’);

document.write

Page 18: Javascript

alert('Boa Tarde');

alert

Page 19: Javascript

InnerHTMLdocument.getElementById('mensagem').innerHTML = 'Seja

Bem Vindo';

Inserir valor em objetos HTML

Page 20: Javascript

+ - / * =

Operadores

Page 21: Javascript

== > < >= <= !=

Operadores

Page 22: Javascript

if switch

Estrutura de decisão

Page 23: Javascript

if (condição){

  código se a condição verdadeira}else{

  código se a condição falsa}

if

Page 24: Javascript

if (15 == 50){  alert(“Resposta certa”);

}else{ alert(“Resposta errada”)

}

if

Page 25: Javascript

For while do while

Laço de Repetição

Page 26: Javascript

for (iniciação;condição;atualização){

comandos executados em cada interação}

for

Page 27: Javascript

for (numero=1; numero<=10; numero++){

alert (numero + " "); }

for