Programação e Base de Dados: JavaScript

JavaScript

A linguagem JavaScript (JS) é uma linguagem de scripting do lado do Cliente (Browser), que quando utilizada com o código HTML, produz interatividade e dinamismo no website, através dos seus scripts.

Foi inventada por Brendan Eich, co-fundador do Projeto Mozilla.

JavaScript é utilizada para carrosséis, galerias de imagens, layouts flutuantes, etc.

Os scripts em JavaScript podem ser declarados internamente na seção HEAD ou na seção BODY ou externamente num ficheiro nomeFicheiro.js.

As declarações na seção HEAD são usadas quando se pretende que os scripts sejam carregados antes da sua utilização. Exemplo: EVENTOS ou declaração de FUNÇÕES.

As declarações na seção BODY são usadas quando se pretende que os scripts sejam executados ao carregar de uma página.

Exemplo de um script com função document.write utilizada para escrever texto no ecrã.

Declarar variáveis pode-se usar ou não a palavra var seguida do nome_variável = valor

No JavaScript, as variáveis são Untyped, assumem o tipo de acordo com o valor que atribuímos.

var idade= 22; // variável idade é do tipo inteiro

nome = “Felisberto” // variável nome é do tipo string
nome = ‘Felisberto’ ; //PLICAS

Concatenar Texto com variáveis utiliza-se o sinal +

Quebra de linha <br> tem que estar dentro das aspas !

Linguagem HTML aceita a inclusão de EVENTOS

Principais Eventos: onClick; onSubmit; onMouseOver ; onLoad; etc

Principais Objetos do HTML - modelo DOM (Document Object Model)

Estes objetos podem ser manipulados pela linguagem JavaScript (JS).

Ø O acesso aos objetos faz-se através do ponto .

Ø Desde o objeto de hierarquia mais alta até hierarquia mais baixa.

Exemplo abaixo:

Ø Função Escreve() declarada na seção HEAD;

Ø Função alert ativa uma janela de Informação

Ø O dado introduzido na caixa de texto de nome “namef” do form1 irá ser escrita na janela (form1.nomef.value (objeto de mais alta hierarquia: form1)

Função Escreve() é executada (evento onSubmit =”Escreve()” ) quando for acionado o botão “Ativar janela texto” do tipo submit.

Atenção: <br> e cálculos não funcionam na função “alert”

Visualização no Browser

JavaScript pode ser utilizado para controlo do preenchimento dos campos dos formulários

Atributo do HTML required - evita a utilização do JavaScript

Atributos das caixas de Texto

No input a utilização do id =”ling01” que pode ser utilizado no CSS ou Javascript

Atributo checked na opção que queremos

type=”email”

type=”password”
type = "date"

Exercício: Crie um formulário com caixa Nome; Idade; Data Nascimento; email; password; botão submit e botão reset:

Formulários com CheckBox e RadioBox

Relógio em JavaScript - Função NumeroRelogio concatena o zero (0) no caso das horas , minutos ou segundos forem abaixo de 10
Função setTimeout executa a função setRelogio() em 500 mseg