0% acharam este documento útil (0 voto)

28 visualizações42 páginas

Introdução Javascript

Enviado por

mpdtec06

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

28 visualizações42 páginas

Introdução Javascript

Enviado por

mpdtec06

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 42

Java Script

Introdução e tag script

JavaScript

 É uma linguagem interpretada

 Executada a partir de um navegador

 Usada para interagir com usuários e criada inicialmente para

validar entradas de informação em HTML
 Tem aplicações amplas no google maps, planilhas google,
etc...
Ferramentas necessárias

Um editor texto, como Notepad ++, sublime text

Um navegador para testar os códigos

Chromes, Firefox, edge

Onde colocar os scripts

Podemos colocar os scripts do Java Script de preferencia no

corpo do programa.

Também é possível inserir o código Java Script em um arquivo

separado da página web.

Esse arquivo deverá ter a extensão js

Como colocar o marcador em uma pagina

O marcador <script>

Usamos o elemento <script> para delimitar um bloco de código

js
O marcador <script > e seus atributos

O marcador <script> possui alguns atributos importantes, como:

type – informa ao navegador o tipo de texto contido no

elemento, ou seja o tipo de script.

src – específica o local do arquivo.js, caso seja usado um arquivo

externo contendo o código Java Script.

O navegador inclui o conteúdo desse arquivo ao carregar a

página.
Exemplo – marcador <script>

Observação: costumamos usar arquivos externos para incorporar

bibliotecas Java Script na página, também traz a possibilidade de
reuso de código.
comandos

Comando

Document.write

Ele serve para escrever um texto na página.

Comando

O método alert() exibe uma mensagem no navegador por meio

de uma caixa de diálogo, que nada mais é que uma pequena
janela pop up.
Exemplo teste
Exemplo teste 2
Variáveis e tipos de dados em Java Script

O Java Script é uma linguagem não tipada.

Não especificamos os tipos de dados representados – o Java

Script os identifica.

Os tipos de dados são dinâmicos podemos usar a mesma variável

com tipos diferentes exemplo tipo inteiro com uma string.
Tipo de dados em Java Script

Em java script há diversos tipos de dados disponíveis tais como:

 Numero inteiro

 Numero de ponto flutuante

 String

 Booleano

 Array

 objeto
Tipos de dados

 Os dados numéricos são divididos em números inteiros e números de

ponto flutuante (com casas decimais). Internamente, ambos os tipos são
tratados como ponto flutuante.

 Já as strings representam dados de texto, que devem ser representados

entre aspas, simples ou duplas.

 Um dado booleano é aquele que apresenta apenas valores true

(verdadeiro) ou false (falso).
Definição variáveis

Uma variável é uma posição na memória do computador que é

utilizada para armazenar dados durante o processamento do
programa.
Nomeando variáveis em Java Script

 Para criar variáveis em JavaScript devemos seguir algumas

regras de nomeação, como as que seguem:
 Nomes de variáveis podem começar com uma letra, um
underscore ( _ ).
 Os caracteres seguintes podem ser letras, números,
underscores.
Nomeando variáveis em Java Script

O nome de uma variável sempre deve passar uma boa ideia do

que ela representa.

Por exemplo: nome_cliente

Palavras reservadas

Algumas palavras são parte da sintaxe da linguagem e não podem ser usadas para dar
nome a variáveis. A tabela abaixo traz alguns exemplos:
Escopo das Variáveis

O escopo de uma variável é o local, trecho ou região do script no qual a

variável é válida, assumindo o valor a ela passado.

Um escopo pode ser:

Global: seu valor é reconhecido em qualquer parte do script. É

automaticamente declarada como uma propriedade do objeto global
window. Veremos mas para frente.

Local: seu valor só é válido no trecho de script onde a variável foi declarada
(dentro de uma função, por exemplo).
Declarando variáveis

Podemos declarar uma variável local com o uso da palavra-chave

var, seguida do nome que se quer atribuir à variável:

Sintaxe: var nome_variável;

Exemplo:
Declarando variáveis

Ou ainda declarar uma variável global simplesmente fornecendo

um nome e atribuindo um valor a ela:

num2 = 15; sobrenome = “dos Santos";

Atribuindo valor a uma variável

Para atribuir um valor a uma variável usamos o operador de atribuição =

Exemplo:
var nome;

var cliente;

var quantidade = 40;

var compra = null;

nome = “Fernanda";

cliente = nome;
Exemplo de escopo e declaração de variáveis

No exemplo a seguir são declaradas duas funções (não se

preocupe com isso por enquanto!), de nomes func01 e func02.
Declaramos dentro de func01 duas variáveis, x como local e y
como global.

Ao executarmos a função, são exibidas as caixas de alerta com

os valores atribuídos às variáveis.
Exemplo de escopo e declaração de variáveis

Ao executarmos func02, a variável y é incrementada (somamos 1

a seu valor).

Quando essa função é chamada, são exibidos os valores de x e y.

Como y é uma variável global, seu valor incrementado será
exibido corretamente.

Porém, como x é uma variável local criada dentro da função

func01(), seu valor não estará acessível dentro da função
func02().
Exemplo de escopo e declaração de variáveis
Métodos alert, confirm, prompt e document.write

Os métodos confirm(), alert() e prompt() são usados para exibir uma caixa de diálogo
pop-up para o usuário, com o intuito de exibir ou solicitar informações.

Esses três métodos pertencem ao objeto window, e podem ser referenciados como:

 window.confirm

 window.alert

 window.prompt

O objeto window representa uma janela aberta no navegador, e contém outros

objetos, como por exemplo o objeto document.
Método alert()

Usado para mostrar uma caixa de alerta (diálogo) e um botão de

OK.

Pertence ao objeto window, que representa uma janela aberta

em um navegador.

Sintaxe: alert(“mensagem”);

mensagem indica o texto (string) a ser exibido na caixa de alerta.

Exemplo do método alert():

\n significa quebra de linha

Método prompt()

Permite abrir uma caixa de diálogo para entrada de dados.

Pertence ao objeto window

Sintaxe: prompt(“arg01”, “[arg02]”);

Onde:

arg01 é uma mensagem de instrução direcionada ao usuário. Por exemplo : digite o

seu nome

arg02 é um valor padrão, geralmente usado para fornecer uma dica ao usuário. É
opcional.

Os argumentos devem estar sempre entre aspas, simples ou duplas.

Se o usuário clicar no botão OK, retornará os dados digitados na caixa; se clicar em Cancelar,
retornará o valor null
Exemplo método prompt()

" + a + " " + b + “ aqui estou concatenando nome com sobrenome

Para aparecer em uma única linha
Método confirm()

 O método confirm() é usado para mostrar uma caixa de confirmação, com

uma mensagem especificada, e botões OK e Cancelar.

 Retorna True se o usuário clicar em OK, e False se clicar em Cancelar.

 Também pertence ao objeto window.

Sintaxe: confirm(“mensagem”);

mensagem é uma string de texto, opcional, que especifica o texto a mostrar

na caixa de confirmação.
Exemplo do método confirm()
Método document.write()

 Este é um método que permite escrever texto e tags HTML em um

documento.

Sintaxe: document.write(“argumentos”);

argumentos podem ser texto (strings) ou ainda marcações HTML

Obs.: O método document.write() somente funciona se estiver inserido no

documento processado.

Se for executado a partir de um evento, sobrescreverá todo o HTML da

página. Veremos futuramente como contornar essa situação.
Exemplo document.write
Convertendo tipo de dados

Muitas vezes precisamos informar em nosso código exatamente o

tipo de dados que deve ser usado no processamento de informação.

Como o Java script é uma linguagem não tipada, existe o risco de um

tipo de dado ser interpretado de forma errônea, causando problemas
no processamento dos dados.

Podemos converter entre tipos de dados usando funções específicas

no Java script como os métodos parseInt() e parseFloat()
Operador typeof

Podemos usar o operador typeof para descobrir o tipo de uma variável em Java Script.
Veja o exemplo a seguir:

A saída gerada irá mostrar o tipo de dados armazenado em cada uma das variáveis
declaradas.

Exemplo de execução variável typeof

Convertendo números para strings

Para converter um numero em string, use o metodo string(), como no

exemplo a seguir:
Convertendo valores lógicos para strings

O método global String() também pode converter um valor lógico (booleano ) para
string
Convertendo uma string em número

Para converter uma string em um numero podemos usar o método

Number()
Converter string para inteiro: Método parseInt()

Podemos converter uma string em um valor numérico inteiro empregando o

método parseInt().

Sintaxe: parseInt(numero, base)

numero é o valor de string que deve ser convertido em tipo numérico (deve ser um
número que está sendo representado como string;

caracteres de texto não podem ser convertidos.

base é a base numérica a utilizar. O padrão é 10, caso nenhuma base seja informada.

O método retorna NaN (Not a Number) se o valor não puder ser convertido em inteiro.
Convertendo string para inteiro – método parseInt ()

Podemos converter uma string especificamente para um inteiro usando o

método parseInt()
Convertendo string para número de ponto flutuante - método parseFloat()

Convertendo uma string especificamente para um número de ponto

flutuante usando o método parseFloat()
Precisão do ponto flutuante- método toFixed()

Quando trabalhamos com números de ponto flutuante podemos controlar a

precisão que será retomada (quantidade de casas decimais exibidas) usando
o método toFixed(), o qual retorna uma string