Tecnologias para Internet - 2014.2 - Aula 5

  • Published on
    21-Jun-2015

  • View
    180

  • Download
    1

Embed Size (px)

DESCRIPTION

Tecnologias para Internet - 2014.2 - Aula 5

Transcript

Algoritmos

Tecnologias para Internet

Prof. Thyago Maia

Gesto da TI 2014.2

Prtica em Laboratrio

Faa um Portal que aborde o seguinte contedo: TI e Gesto a Servio da Sociedade Digital na rea de Medicina (Tema do Integrador). (0,0 a 5,0 pontos)

Data de entrega: At 16/09/2014;

Grupos de at 4 alunos;

Critrios de avaliao:

Presena de um menu em cada pgina HTML (links que direcionam o usurio para cada pgina do portal); (0,0 a 1,0 ponto)

As pginas do portal refletem totalmente ou parcialmente o contedo proposto; (0,0 a 1,0 ponto)

Uso de CSS; (0,0 a 1,0 ponto)

Formatao; (0,0 a 1,0 ponto)

Publicao na Web (Ex.: http://www.xpg.com.br); (0,0 a 1,0 ponto)

2

Aula 5: Javascript

Introduzir a Linguagem Javascript

Apresentar alguns conceitos bsicos da linguagem

Fazer com que o aluno desenvolva seus primeiros scripts

3

Objetivos

Javascript

Javascript

uma linguagem de programao script;

Permite que cdigos de programao possam ser inseridos em pginas HTML;

Pode ser executada por todos os navegadores (browsers) modernos;

Linguagem de programao simples e leve;

5

A TAG

A TAG

Para inserir cdigo Javascript em uma pgina HTML, utiliza-se o conjunto de tags ;

Tais TAGs iro delimitar o cdigo-fonte Javascript;

7

A TAG

Exemplo:

8

// Cdigo-fonte Javascript

Exemplos

Exemplo 1

10

function checa_data() {

var t = document.getElementById("time").value;

if (t == 'Sport')

alert("Parabns!");

else

alert("Erro!");

}

Time:

Checar

Exemplo 2

11

function aumenta() {

document.getElementById("palavra").style.fontSize = "60px";

}

Ola, mundo!!!

Aumenta

Exemplo 3

12

function muda() {

document.getElementById("palavra").innerHTML = "LIGADO";

}

DESLIGADO

Ligar

Exemplo 4

13

function muda() {

document.getElementById("texto2").value = "Surpresa!";

}


Exerccios

Exerccios

Faa um script que receba a idade de um indivduo e informe se o mesmo atingiu a maioridade.

15

Exemplo

16

function checa() {

if(document.getElementById('idade').value >= 18)

alert(' de maior');

else

alert(' de menor');

}


Checa

Exerccio

Faa um script que l o salrio base de um funcionrio, calcula e mostra o salrio a receber, sabendo-se que o funcionrio tem gratificao de 5% sobre o salrio base e paga imposto de 7% sobre este salrio.

17

Exemplo

18

function calcula() {

var salario = document.getElementById('salario').value;

var grat = salario * 0.05;

var imposto = salario * 0.07;

alert(parseFloat(salario) + parseFloat(grat) - parseFloat(imposto));

}


Calcula

Exerccio

Faa um algoritmo que l o cdigo correspondente ao cargo de um funcionrio, seu salrio atual e escreva o cargo correspondente, o valor do aumento e seu novo salrio.

19

CDIGOCARGOPERCENTUAL1ESCRITURRIO50%2SECRETRIO35%3CAIXA20%4GERENTE10%5DIRETORNo tem aumento

Exemplo

20

function calcula() {

var codigo = document.getElementById('codigo').value;

var salario = document.getElementById('salario').value;

if(codigo == 1)

{

alert("Escriturrio. Novo Salrio: " + (salario * 0.5 + parseFloat(salario)));

}

// ...

}

Exemplo

21

Codigo:

Salario:

Calcula

Exerccio

Faa um script que simula uma calculadora simples (calcula apenas as operaes bsicas entre nmeros inteiros);

22

Exemplo

23

function calcula() {

var num1 = document.getElementById('num1').value;

var num2 = document.getElementById('num2').value;

var resultado;

if(document.getElementById('operador').value == "+")

resultado = (parseInt(num1) + parseInt(num2));

if(document.getElementById('operador').value == "-")

resultado = (num1 - num2);

if(document.getElementById('operador').value == "*")

resultado = (num1 * num2);

if(document.getElementById('operador').value == "/")

resultado = (num1 / num2);

alert(resultado);

}

Exemplo

24

+

-

*

/

=