Laboratório de Informática 1 e 2 (2009)

Exercícios sobre vetores em JavaScript.

Estes exercícios tem como objetivo além de trabalhar com a manipulação de vetores, começar o trabalho com manipulação do Documento HTML em JavaScript (DOM).

01) Desenvolva uma interface HTML com um botão (botão ‘Criar’).

Crie um programa em JavaScript que ao clicar em um botão crie uma nova caixa de texto ao lado do botão ‘Criar’.

Dica:

• Como criar uma caixa de texto e inserir dentro de um outro elemento:
• var myInput= document.createElement(“input”);
• myInput.setAttribute(“type”,”text”);
• myDiv= document.getElementById(“myDiv”);
• myDiv.appendChild(myInput);

02) Desenvolva uma interface HTML com dois botões (botão ‘Criar’ e botão ‘Multiplicar’).

Crie um programa em JavaScript que ao clicar em um botão crie uma nova caixa de texto ao lado do botão ‘Criar’.

Ao clicar no botão ‘Multiplicar’, todos os valores contidos nas caixas de texto devem multiplicados e o resultado deve ser exibido.

Dicas:

• Use a função document.getElementsByTagName para obter um vetor de elementos a partir da tag.
• o atributo value de uma caixa de texto altera/recupera o que está escrito na caixa de texto;

03) Desenvolva uma interface HTML com uma caixa de texto e um botão.

Quando o usuário clicar no botão, devem ser criados X itens em uma lista abaixo do botão, sendo cada item um número inteiro aleatório diferente de 0 a 100.

Dicas:

• para sortear um número aleatório use a função Math.random();
• Para criar uma interface HTML você pode usar a propriedade .innerHTML de um <div>, ou usar a função document.createElement;

04) Desenvolva uma interface HTML com 6  caixas de texto e um botão.

Quando o usuário clicar no botão, os valores contidos dentro de cada uma das caixas de texto devem ser armazenados em um array, reordenados e devolvidos às caixas.

Dicas:

• Para ordenar os valores de um array utilize o método sort.

05)  Dado o seguinte array, que representa um conjunto de operações, faça um programa que aplique cada operação sucessivemente em um conjunto de valores fornecidos pelo usuário.

Exiba os resultados dentro de uma tabela.

var operacoes = [function (a,b) { return (a+b);}, function (a,b) {return (a-b);}, function (a,b) {return (a*b);}, function (a,b) {return (a/b);];

Por exemplo, se for fornecido 3 e 2 a tabela construída deve ser:

06)

Uma empresa de energia representa um mapa das áreas com problema de iluminação através de uma matriz. Assim, cada local com problema é representado por um número, sendo este número o custo em reais para resolver o problema. Por exemplo, no mapa abaixo, o número de pontos com problema é 8 o custo total para resolver os problemas é 12 e a média de dinheiro gasto é R$ 1,50.

Desenvolva um algoritmo que leia uma matriz de tamanho 5X4 de defeitos a partir do usuário e responda: qual é o número de pontos com problema, qual vai ser o dinheiro gasto e qual é a média de dinheiro gasto para resolver os problemas.

7) Escolha um algoritmo que você já desenvolveu na disciplina de Programação que envolva vetores.
(Turma V: Preferencialmente das listas 10, 12 e 13.)
Reimplemente este algoritmo em JavaScript.
Não esqueça de colocar o enunciado de seu exercício em sua resposta.

8 ) Escolha um algoritmo que você já desenvolveu na disciplina de Programação que envolva matrizes.
(Turma V: Preferencialmente das listas 10, 12 e 13.)
Reimplemente este algoritmo em JavaScript.
Não esqueça de colocar o enunciado de seu exercício em sua resposta.