Scribd
Carregar
98 visualizações

Exemplos JavaScript

O documento apresenta exemplos de como inserir código JavaScript em páginas HTML de diferentes formas: no próprio documento HTML, em arquivo externo vinculado, e explica comentários, variáveis, estruturas condicionais e operadores em JavaScript.

Enviado por

clever_sousa
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato DOC, PDF, TXT ou leia on-line no Scribd
98 visualizações

Exemplos JavaScript

O documento apresenta exemplos de como inserir código JavaScript em páginas HTML de diferentes formas: no próprio documento HTML, em arquivo externo vinculado, e explica comentários, variáveis, estruturas condicionais e operadores em JavaScript.

Enviado por

clever_sousa
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato DOC, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 6

Exemplo 01:

Código JavaScript inserido em documento HTML

<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
<script> /* Aqui se escreve instruções em javascript *\ </script>
</body>
</html>

Exemplo 02:
Código JavaScript em arquivo externo .js

/* Aqui se escreve apenas instruções em javascript, sem o uso das tags


<SCRIPT> e </SCRIPT> *\

Exemplo 03
Vinculação do arquivo .js no arquivo HTML

<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
<script src="arq.js"></script>
</body>
</html>

Exemplo 04:
Comentário de uma linha

<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
<script>
// comentário in-line.
</script>
</body>
</html>
Exemplo 05:
Comentário de várias linhas

<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
<script>
/* este
e
um
comentario
composto. */
</script>
</body>
</html>

Exemplo 06:
Uso obrigatório de aspas simples

<script>
' Este é um "teste" de como usar corretamente as "aspas" em javascript '.
</script>

Exemplo 07:
Uso da instrução “Document.Write”

<html>
<head>
<title>Titulo da Página</title>
</head>
<body>
<script>
document.write('Oi JavaScript!');
</script>
</body>
</html>

Exemplo 08:
Exemplo de dados que podem ser mostrados com a instrução
“document.write”

document.write('Texto comum');
document.write('<p>Tag html</p>');
document.write(variavel);

Exemplo 09:
Declarando Variáveis

<script>
var variavel;
</script>

Exemplo 10:
Atribuindo valor à variável

<script>
var variavel = 1 // Inteiro
var variavel = "1" // String
var variavel = true // Booleano.
</script>

Exemplo 11:
Estrutura condicional

Portuguol:

se (condicao) {
executar operacao
} senao {
executa outra operacao
}

JavaScript:

<script>
if (condicao) {
executar operacao
} else {
executa outra operacao
}
</script>
Exemplo 12:
Uso de Operadores Relacionais

> : Maior

<script>
var a = 6;
if (a > 6) {
document.write('Maior que 6');
} else {
document.write('Menor que 6');
}
</script>

< : Menor

<script>
var a = 6;
if (a < 6) {
document.write('Menor que 6');
} else {
if (a > 6) {
document.write('Maior que 6');
} else {
document.write('Igual a 6!');
}
}
</script>

== : Igual

<script>

var a = 6;
if (a == 6) {
document.write('Igual a 6');
}
</script>
>= : Maior ou igual

<script>
var a = 6;
if (a >= 6) {
document.write('Maior ou igual a 6');
}
</script>

<= : Menor ou igual

<script>
var a = 6;
if (a <= 6) {
document.write('Menor ou igual a 6');
}
</script>

!= : Diferente

<script>
var a = 6;
if (a != 6) {
document.write('Diferente de 6');
}
</script>

Para o uso de uma instrução if .. else com várias variáveis, você pode usar os
seguintes operadores lógicos:

&& : E
<script>
var a = 6
if ((a > 1) && (a < 6)) {
document.write('Maior que 1 E menor que 6');
}
</script>
Para o uso de estruturas de condição com várias variáveis é necessário de um
parênteses cobrindo todo o conjunto de estruturas de condição:

ex:

se ( (condicao1) E (condicao2) ) {
executar operacao
}

|| : OU

<script>
var a = 6
if ((a > 1) || (a < 6)) {
document.write('Maior que 1 OU menor que 6');
}
</script>

! : NAO

Para indicar negação nas operações é necessário usar o ponto-de-exclamação


antes de toda a operação.

<script>
var a = 6
if !((a > 1) || (a < 6)) {
document.write('Não é maior que 1 OU menor que 6');
}
</script>

Você também pode gostar