ESPE - Escola Profissional Espinho
Ficha de Trabalho
Turma: ESPE - CP - Técnico/a de Mecatrónica - 1º ano - 2023/2024
Disciplina: Tecnologias da Informação e Comunicação
Módulo: 4 - Módulo 4 - Criação de Páginas Web
Docente: Solange de Bastos Sousa Ribeiro Data: 2024-04-16
Nome:
JavaScript
O JavaScript é uma linguagem de programação amplamente utilizada no front-end para
diferentes finalidades. Desde validação de campos à criação de menus, é possível fazer muita
coisa usando essa linguagem que adiciona algum dinamismo às páginas que apenas com
HTML e CSS são consideradas “estáticas”.
Inserindo o código JavaScript na página HTML
Os códigos JavaScript podem ser inseridos na página HTML de duas formas:
Interno no documento: para inserir o código direto na estrutura do HTML, utilizamos as tags
<script> e </script>
Externo ao documento: o código JavaScript também pode colocado num ficheiro separado do
HTML.
Modelo 157-DP0.2
O ficheiro deve ser guardado com a extensão .JS e sua estrutura é a mesma utilizada quando
o código é posto internamente no documento.
Cabe aqui uma observação importante: a tag <script> requer a tag de fecho separada, não
podendo ser fechada em si própria como <script type=.. />.
Usando variáveis no JavaScript
Exemplo
Funções
O JavaScript fornece também suporte a funções, aliado às facilidades da dinâmica, o que
torna a definição de métodos simples e prática. Para criar funções, utilizamos a palavra
reservada function.
As funções podem receber parâmetros e retornar valores, mas o tipo de retorno e o tipo dos
parâmetros não precisa ser previamente definido.
A função alert será apresentada posteriormente, mas serve para exibir uma mensagem popup
para o utilizador.
2
Para definir o valor de retorno da função, deve-se utilizar a palavra reservada return seguida
do valor ou expressão do resultado.
Mostrar mensagens para o utilizador com JavaScript: Alert
O alert é um recurso muito utilizado em JavaScript porque com ele é possível criar caixas de
diálogos que aparecem no ecrã do utilizador.
O alert é uma das mais simples caixas de diálogo, com uma aparência simples e intuitiva elas
são muito usadas em validações de formulários e/ou bloqueio de ações do browser.
Sua principal função é mostrar ao utilizador uma mensagem e um botão de confirmação de
que o utilizador tenha visto a mensagem. Para chamar essa função, basta utilizarmos o código
alert (), que receberá uma string (mensagem que será exibida ao utilizador). Exemplo1
Alert de Confirmação em JavaScript
A função de confirmação é um pouco diferente da função alert em JavaScript, dessa vez são
exibidos dois botões, um de OK e outro de CANCELAR, separados por valores true
(verdadeiro) e false (falso).
3
A função confirm() é muito utilizada em sistemas que utilizamos estruturas condicionais, como
confirmação de alteração/exclusão de algum registro na base de dados.
Exemplo 2
Alert de Prompt em JavaScript
O prompt é um pouco diferente do alert() e do confirm(), pois ele necessita que o utilizador
insira algum valor, ou seja, precisa de uma interação direta do utilizador para que ele funcione.
Para chamarmos a função utilizamos o prompt(), o qual irá receber uma string (mensagem)
que será exibida, normalmente em forma de pergunta, ao utilizador.
A estrutura básica dessa caixa de diálogo é:
4
Um campo input
Botão OK
Botão Cancelar
A função sempre irá retornar um valor, tudo que o utilizador digitar no campo input será
convertido em valor e será exibido no ecrã.
Exemplo 3
5
2020/2021
Exemplo 4
Saltar a linha do alert
Além das opções mostradas nesse tutorial, existe também a possibilidade de pularmos linha
em nosso alert em JavaScript, para isso basta usar o “\n”-
Exemplo 5
6
Exemplo 6
1. Copiar todos os exemplos.
