Curso de Programação em Javascript e HTML
204 pág.

Curso de Programação em Javascript e HTML


DisciplinaProgramação I20.578 materiais240.129 seguidores
Pré-visualização40 páginas
vai ser um massacre!"
txt3=" Estamos fritos!"
txt4=txt1+txt2+txt3
O resultado é igual a:
txt4="Ai minha mãezinha... Isto vai ser um massacre! Estamos fritos!"
Se adicionar uma variável de texto a um valor que não seja texto, o sistema 
JavaScript faz a adição na mesma. Para isso ele converte para forma textual o valor 
que não é texto e faz a adição. O resultado é uma string (texto.) Nos exercícios 
listados mais abaixo pode ver melhor a forma como isso é feito.
Exemplos de Aplicação
Somar texto com texto
<html>
<head>
<title></title>
</head>
<body>
<!--
 var txt1=&quot;Ai minha mãezinha... &quot;
 var txt2=&quot;Isto vai ser um massacre!&quot;
 var txt4=txt1+txt2
 document.write('txt4 = &quot;' + txt4 +'&quot;')
 document.write('<br>')
 txt4 += &quot; Socoooorrro...&quot;
 document.write('txt4 = &quot;' + txt4 +'&quot;')
// -->
</body>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 44
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
</html>
Somar texto com outros valores
<html>
<head>
<title></title>
</head>
<body>
<!--
 var txt=&quot;Ai minha mãezinha... &quot;
 var n= 20
 txt += &quot;Eles são mais de &quot; + n
 /* quando somamos um número a uma string o sistema
 javascript constrói automaticamente uma versão de
 texto do número e soma esse texto à string */
 document.write('txt = &quot;' + txt +'&quot;')
// -->
</body>
</html>
3. Instruções condicionais
As instruções condicionais testam uma condição e com base no resultado do 
teste decidem se uma parte do código deve ou não ser executada. Elas nos permitem 
executar código diferente em situações diferentes.
3.1 As instruções if e if ... else
A instrução if
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 45
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
A instrução if se usa para testar uma condição e executar um bloco de código 
apenas quando ela é satisfeita. A sua sintaxe é a seguinte:
if (condição)
{
 código a executar se a condição for verdadeira
}
A seguir temos exemplos com esta instrução:
var i = 10
var s
if (i < 10)
 s = &quot;O número i é menor do que 10&quot;
// o código a ser executado só ocupa uma linha não sendo
// preciso colocá-lo entre chaves
if (i >= 10)
{
 s = &quot;O número i é maior ou igual a 10&quot;
 i = 0
}
// o código a ser executado só ocupa uma linha não sendo
// preciso colocá-lo entre chaves
A instrução if ... else
A instrução if ... else usa-se para testar uma condição. Se a condição for 
satisfeita será executado um bloco de código e se não for satisfeita será executado um 
outro bloco alternativo. A sua sintaxe é a seguinte:
if (condição)
{
 código a executar se a condição for verdadeira
}
else
{
 código a executar se a condição for falsa
}
A seguir temos um exemplo com esta instrução:
<html>
<body>
<!--
 var i = 10
 var s
 if (i < 10)
 s = &quot;O número i é menor do que 10&quot;
 else
 {
 s = &quot;O número i é maior ou igual a 10&quot;
 i = 0
 }
 document.write(s)
-->
</body>
</html>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 46
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
Exemplos de Aplicação
A instrução if
<html>
<head>
<title></title>
</head>
<body>
<!--
 var d = new Date()
 var time = d.getHours()
 if (time < 12) 
 document.write(&quot;<h1>Bom dia</h1>&quot;)
// -->
 <p>
 Este exemplo demonstra a instrução if.
 </p>
 <p>
 Se a hora marcada pelo relógio do seu computador
 for inferior a 12 será escrita uma saudação de
 bom dia.
 </p>
</body>
</html>
Instrução if...else
<html>
<head>
<title></title>
</head>
<body>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 47
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
<!--
 var d = new Date()
 var hora = d.getHours()
 if (hora < 12) 
 document.write(&quot;<h1>Bom dia</h1>&quot;)
 else
 {
 if(hora > 18)
 document.write(&quot;<h1>Boa noite</h1>&quot;)
 else
 document.write(&quot;<h1>Boa tarde</h1>&quot;)
 }
// -->
 <p>
 Este exemplo demonstra as instruções if ... else.
 </p>
 <p>
 Se a hora marcada pelo relógio do seu computador for
 inferior a 12 será escrita uma saudação de bom dia,
 se for superior a 18 a saudação será de boa noite
 e nos restantes casos será de boa tarde.
 </p>
</body>
</html>
Produzir uma ligação aleatória
<html>
<head>
<title></title>
</head>
<body>
<!--
 var r=Math.random()
 if (r>0.666) 
 document.write('<a href=&quot;http://www.w3.org&quot; target=&quot;_blank&quot;>W3C</a>')
 else
 {
 if(r<0.333)
 document.write('<a href=http://www.google.com.br target=&quot;_blank&quot;>
 Google</a>')
 else
 document.write('<a href=http://www.registro.br
 target=&quot;_blank&quot;>Registro</a>')
 }
// -->
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 48
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
 <p>
 Este script produz três ligações de hipertexto aleatoriamente.
 Atualize várias vezes a página para visualizar as modificações.
 </p>
</body>
</html>
3.2 Atribuição condicional de valores
A linguagem JavaScript possui um operador que nos permite escolher o valor a 
atribuir a uma variável consoante o resultado do teste que é feito a uma condição.
Esse operador é um operador condicional de atribuição de valor e é composto 
por diversas partes: uma condição, um ponto de interrogação e dois valores que 
podem ser atribuídos à variável separados pelo caractere : (dois pontos). Ele tem a 
vantagem de permitir escrever código compacto que é mais fácil de ler pelos 
programadores experientes. A sua sintaxe é a seguinte:
variável = (condição) ? valor1 : valor2
Este operador atua do seguinte modo: se a condição for verdadeira a variável 
passará a ter o valor1; se a condição não for satisfeita será atribuído o valor2 à 
variável.
Exemplos de Aplicação
Atribuição condicional de valores
<html>
<head>
<title></title>
</head>
<body>
<!--
 var sexo = &quot;masculino&quot;
 var tipo = (sexo==&quot;masculino&quot;) ? &quot;Coca&quot; : &quot;Fanta&quot;
 document.write(&quot;Esse cara é &quot; + tipo)
 document.write(&quot;<br>&quot;)
 var sexo = &quot;feminino&quot;
 var tipo = (sexo==&quot;masculino&quot;) ? &quot;Coca&quot; : &quot;Fanta&quot;
 document.write(&quot;Esse cara é &quot; + tipo)
// -->
</body>
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 49
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
</html>
Atribuição condicional de valores (versão 2)
<html>
<head>
<title></title>
</head>
<body>
<!--
 var velocidade = 100
 var s = (velocidade > 100) ? &quot;excessiva&quot; : &quot;legal&quot;
 document.write(&quot;A sua velocidade na rodovia é &quot; + s)
// -->
 <p>
 O operador condicional de atribuição de valor também pode ser usado
 dentro de expressões normais.
 </p>
</body>
</html>
3.3 A instrução switch
Nota: Apesar de esta instrução não fazer parte do padrão ECMAScript, ela é 
suportada por todos os browsers importantes.
A instrução switch usa-se para comparar o valor do seu argumento (uma 
variável ou uma expressão) com vários valores. Para cada caso em que houver uma 
igualdade será executada uma determinada porção de código. A sintaxe desta 
instrução é a seguinte:
switch (expressão)
<meta name=&quot;autor&quot; content=&quot;Rafael Feitosa&quot;> 50
Curso de Programação em JavaScript e HTML Dinâmico
Desenvolvimento, aplicações e referências de acordo com as normas do W3C
{
 case label1:
Carregar mais