Classificação da informação: Uso Interno
InterfacewebII
Prof. Magno Araujo de Sousa
Eng. De Software
Classificação da informação: Uso Interno
Javascript
prompt(mensagem)
Abre uma caixa de texto para informarmos um valor. O valor informado atribuímos a uma variável.
Exemplo:
let nome = prompt('Informe o seu nome');
alert(mensagem)
Alert abre um pop-up com uma mensagem qualquer definida por nós.
Exemplo:
alert('Seu nome é ' + nome ); //exemplo de mensagem concatenado ao valor da variável
console.log(mensagem)
O objeto console fornece acesso ao console de debug do navegador. A partir dele temos algumas funções
específicas, sendo uma delas a função log(). Ela nos permite imprimir no console do navegador mensagens
customizados que nos auxiliam na depuração dos nossos códigos. Ela deve receber o parâmetros a serem exibidos.
Exemplo:
console.log('Seu nome é ' + nome ); //exemplo de mensagem concatenado ao valor da variável
Funções do browser para apoio no aprendizado
Classificação da informação: Uso Interno
Javascript – Operadores
Símbolos definidos na linguagem de programação para representar operações
aritméticas, de conversão de tipos, comparação de valores etc...
Operadores
Classificação da informação: Uso Interno
Javascript – Operadores
+ (Sinal positivo) - Inverte o sinal de uma operação.
- (Sinal negativo) - Inverte o sinal de uma operação.
++ (incremento) - Modifica o valor de uma expressão adicionando 1.
-- (decremento) - Modifica o valor de uma expressão subtraindo 1.
! (negação) - Inverte o valor de uma expressão booleana
*Observação: Os operadores + e – são usados também para realizar a conversão de tipos
de dados(CAST). Veremos exemplos mais à frente no decorrer do curso.
Operadores Unários
Classificação da informação: Uso Interno
Javascript – Operadores
Operadores Aritméticos
+ (adição) // a = b + c
- (subtração) //a = b - c
* (multiplicação) //a = b * c
/ (divisão) //a = b / c
% (módulo - Resto da divisão) //a = b % c
** (exponencial) //a = b ** c
Classificação da informação: Uso Interno
Javascript – Operadores
Operadores de igualdade:
== (igual)
!= (diferente)
=== (igual *)
!== (diferente *)
* Além de comparar os valores, compara a tipagem das variáveis.
Operadores relacionais:
> (maior)
< (menor)
>= (maior ou igual)
<= (menor ou igual)
Operadores de Comparação
Erro comum: confundir o operador de atribuição (=) com o
de comparação (==).
salario = 1000 não é a mesma coisa que salario == 1000
Classificação da informação: Uso Interno
Javascript – Operadores
O operador typeof retorna o tipo de dados da variável. Abaixo temos um
exemplos de sua utilização.
Operadores de Comparação de Tipos (typeof)
Classificação da informação: Uso Interno
Javascript – Operadores
Operadores Lógicos (&& e ||)
&& (operador AND)
||(operador OR)
Aplicáveis somente entre operandos booleanos.
Classificação da informação: Uso Interno
Javascript – Operadores
Operadores de atribuição
= (operador de atribuição simples. Já a vimos até aqui)
Exemplo: a = a + b
+=, -=, *=, /=, %= (Operadores de atribuição composta)
Incrementa o valor da variável com o valor ou expressão à direita. Exemplos:
Classificação da informação: Uso Interno
Javascript – Operadores
Operadores de atribuição
= (operador de atribuição simples. Já a vimos até aqui)
Exemplo: a = a + b
+=, -=, *=, /=, %= (Operadores de atribuição composta)
Incrementa o valor da variável com o valor ou expressão à direita. Exemplos:
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
If, else, else if
Comandos condicionais utilizados para controlar o fluxo que o programa deve seguir.
Sintaxe "if":
if(expressão booleana ou valor booleano){
//instrução caso expressão retorne
true
}
if(expressão booleana ou valor booleano)
//instrução caso expressão retorne
true
//a utilização de chaves é opcional
//quando se tem apenas uma
instrução
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
If, else, else if
Sintaxe "if, else":
if(expressão booleana ou valor booleano){
//instrução caso expressão retorne true​
} else {
//instrução caso expressão retorne false
}
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
If, else, else if
Sintaxe "if, else if":
if (expressão booleana ou valor booleano) {
/*
Instrução caso a expressão avaliada retorne true
*/
} else if (expressão booleana ou valor booleano) {
/*
Instrução caso a expressão avaliada no bloco anterior retorne false e a
do
bloco atual retorne true.
*/
} else {
/*
Instrução caso as expressões de ambos os blocos anteriores retornem
false.
*/
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
Exercícios
1) Crie um script que peça ao usuário dois números. Após, informe qual o maior e o qual o menor.
Use prompt para pedir o número. Use IF/ELSE para validar a regra.
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
Exercícios
2) Crie um script que peça um valor e mostre na tela se o mesmo é positivo, negativo ou neutro.
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
Exercícios
3) Crie um script que peça ao usuário para digitar uma letra e informe se a mesma é vogal ou
consoante.
Classificação da informação: Uso Interno
Javascript – Controle de Fluxo
Exercícios
4) Crie um script que peça ao usuário para digitar três números. Após, verifique usando if e else e
mostre o maior deles.

Interface_web_II-aula03-Condicionais_IF_ELSE.pptx

  • 1.
    Classificação da informação:Uso Interno InterfacewebII Prof. Magno Araujo de Sousa Eng. De Software
  • 2.
    Classificação da informação:Uso Interno Javascript prompt(mensagem) Abre uma caixa de texto para informarmos um valor. O valor informado atribuímos a uma variável. Exemplo: let nome = prompt('Informe o seu nome'); alert(mensagem) Alert abre um pop-up com uma mensagem qualquer definida por nós. Exemplo: alert('Seu nome é ' + nome ); //exemplo de mensagem concatenado ao valor da variável console.log(mensagem) O objeto console fornece acesso ao console de debug do navegador. A partir dele temos algumas funções específicas, sendo uma delas a função log(). Ela nos permite imprimir no console do navegador mensagens customizados que nos auxiliam na depuração dos nossos códigos. Ela deve receber o parâmetros a serem exibidos. Exemplo: console.log('Seu nome é ' + nome ); //exemplo de mensagem concatenado ao valor da variável Funções do browser para apoio no aprendizado
  • 3.
    Classificação da informação:Uso Interno Javascript – Operadores Símbolos definidos na linguagem de programação para representar operações aritméticas, de conversão de tipos, comparação de valores etc... Operadores
  • 4.
    Classificação da informação:Uso Interno Javascript – Operadores + (Sinal positivo) - Inverte o sinal de uma operação. - (Sinal negativo) - Inverte o sinal de uma operação. ++ (incremento) - Modifica o valor de uma expressão adicionando 1. -- (decremento) - Modifica o valor de uma expressão subtraindo 1. ! (negação) - Inverte o valor de uma expressão booleana *Observação: Os operadores + e – são usados também para realizar a conversão de tipos de dados(CAST). Veremos exemplos mais à frente no decorrer do curso. Operadores Unários
  • 5.
    Classificação da informação:Uso Interno Javascript – Operadores Operadores Aritméticos + (adição) // a = b + c - (subtração) //a = b - c * (multiplicação) //a = b * c / (divisão) //a = b / c % (módulo - Resto da divisão) //a = b % c ** (exponencial) //a = b ** c
  • 6.
    Classificação da informação:Uso Interno Javascript – Operadores Operadores de igualdade: == (igual) != (diferente) === (igual *) !== (diferente *) * Além de comparar os valores, compara a tipagem das variáveis. Operadores relacionais: > (maior) < (menor) >= (maior ou igual) <= (menor ou igual) Operadores de Comparação Erro comum: confundir o operador de atribuição (=) com o de comparação (==). salario = 1000 não é a mesma coisa que salario == 1000
  • 7.
    Classificação da informação:Uso Interno Javascript – Operadores O operador typeof retorna o tipo de dados da variável. Abaixo temos um exemplos de sua utilização. Operadores de Comparação de Tipos (typeof)
  • 8.
    Classificação da informação:Uso Interno Javascript – Operadores Operadores Lógicos (&& e ||) && (operador AND) ||(operador OR) Aplicáveis somente entre operandos booleanos.
  • 9.
    Classificação da informação:Uso Interno Javascript – Operadores Operadores de atribuição = (operador de atribuição simples. Já a vimos até aqui) Exemplo: a = a + b +=, -=, *=, /=, %= (Operadores de atribuição composta) Incrementa o valor da variável com o valor ou expressão à direita. Exemplos:
  • 10.
    Classificação da informação:Uso Interno Javascript – Operadores Operadores de atribuição = (operador de atribuição simples. Já a vimos até aqui) Exemplo: a = a + b +=, -=, *=, /=, %= (Operadores de atribuição composta) Incrementa o valor da variável com o valor ou expressão à direita. Exemplos:
  • 11.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo If, else, else if Comandos condicionais utilizados para controlar o fluxo que o programa deve seguir. Sintaxe "if": if(expressão booleana ou valor booleano){ //instrução caso expressão retorne true } if(expressão booleana ou valor booleano) //instrução caso expressão retorne true //a utilização de chaves é opcional //quando se tem apenas uma instrução
  • 12.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo If, else, else if Sintaxe "if, else": if(expressão booleana ou valor booleano){ //instrução caso expressão retorne true​ } else { //instrução caso expressão retorne false }
  • 13.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo If, else, else if Sintaxe "if, else if": if (expressão booleana ou valor booleano) { /* Instrução caso a expressão avaliada retorne true */ } else if (expressão booleana ou valor booleano) { /* Instrução caso a expressão avaliada no bloco anterior retorne false e a do bloco atual retorne true. */ } else { /* Instrução caso as expressões de ambos os blocos anteriores retornem false. */
  • 14.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo Exercícios 1) Crie um script que peça ao usuário dois números. Após, informe qual o maior e o qual o menor. Use prompt para pedir o número. Use IF/ELSE para validar a regra.
  • 15.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo Exercícios 2) Crie um script que peça um valor e mostre na tela se o mesmo é positivo, negativo ou neutro.
  • 16.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo Exercícios 3) Crie um script que peça ao usuário para digitar uma letra e informe se a mesma é vogal ou consoante.
  • 17.
    Classificação da informação:Uso Interno Javascript – Controle de Fluxo Exercícios 4) Crie um script que peça ao usuário para digitar três números. Após, verifique usando if e else e mostre o maior deles.