introdução à programação - aula 8

7
Clara Ferreira Introdução à Programação Aula 8 JavaScript

Upload: clara-ferreira

Post on 14-Feb-2017

127 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Introdução à programação - Aula 8

Clara Ferreira

Introdução à ProgramaçãoAula 8

JavaScript

Page 2: Introdução à programação - Aula 8

Arrays

Arrays são estruturas de dados que guardam mais que uma variável ao mesmo tempo.

Sintaxe:var Alunos = new Array(“João", “Ana", “Maria“,”Paulo”);

Page 3: Introdução à programação - Aula 8

Ler dados de um Array Para aceder aos dados de um array usamos a posição em que os dados são

guardados.var Alunos = new Array"(“João, “Ana", “Maria“,”Paulo”);var Qual = Alunos[1];

Page 4: Introdução à programação - Aula 8

Tamanho de um Array Para obter o número de dados que foram guardados num Array usamos o

comando Lengthvar x = Alunos.length; 

Page 5: Introdução à programação - Aula 8

Converter Arrays em Strings Podemos converter o conteúdo de um Array numa String:

var todos=Alunos.toString();

Page 6: Introdução à programação - Aula 8

Exercício Faça um programa que mostre uma imagem da pasta Imagens, através do

pedido do utilizador.Notas:No HTML para inserir uma imagem usa-se <img id=“nome de id qualquer“ >Para através do Script se colocar uma imagem no écran usa-se document.getElementById(“no de id qualquer").src =“nome do ficheiro e extensão”

Page 7: Introdução à programação - Aula 8

Correção <html> <p>Galeria de Imagens</p> <input id="Q"> <input type="button" value="="

onclick="mudar()">

<br> <img id="galeria"> <script> function mudar() {

var Imagens=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg");

var qual=Number(document.getElementById("Q").value)-1;

document.getElementById("galeria").src = Imagens[qual];

} </script> </html>