0% acharam este documento útil (0 voto)

6 visualizações

Introdução Ao JavaScript (1)

O documento é uma introdução ao JavaScript, abordando como inserir código JavaScript em HTML, incluindo exemplos de uso no <head>, <body> e arquivos externos. Ele também discute a exibição de dados, tipos de variáveis, operadores, funções, estruturas de decisão e repetição. O conteúdo é voltado para iniciantes que desejam entender os fundamentos do JavaScript.

Enviado por

Lucas Gomes

Direitos autorais

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

6 visualizações

Introdução Ao JavaScript (1)

Enviado por

Lucas Gomes

Direitos autorais

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 33

Introdução ao

JavaScript
Onde colocar JavaScript
Em HTML, o código JavaScript é inserido entre as tags <script> e
</script>.

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Parágrafo mudou!";
}
</script>
</head>

<body>

<h2>JavaScript in Head</h2>

<p id="demo">Um parágrafo.</p>

<button type="button" o
nclick="myFunction()">Clica aqui!</button>

</body>

</html>
JavaScript no <body>

<!DOCTYPE html>
<html>

<body>

<h1>A Web Page</h1>

<p id="demo">Um parágrafo.</p>
<button type="button" o
nclick="myFunction()">Clica aqui!</button>

</body>

</html>
JavaScript em arquivo externo

<!DOCTYPE html>
<html>

<body>

<h2>External JavaScript</h2>

<p id="demo">Um parágrafo.</p>

<button type="button" onclick="myFunction()">Clica aqui!</button>

<p>(Função almacenada em um arquivo externo "myScript.js")</p>

</body>

</html>
Saída de dados

JavaScript pode "exibir" dados de maneiras diferentes:

- Escrevendo em um elemento HTML, usando innerHTML.

- Escrevendo na saída HTML usando document.write( ).
- Escrevendo em uma caixa de alerta, usando window.alert( ).
- Escrevendo no console do navegador, usando console.log( ).
Usando Inner HTML

<body>

</body>
Usando document.write( )

</body>

</html>
Usando window.alert( )
<html>

<body>

</body>

</html>
Usando console.log( )

let Declara acesso ao local da variável, opcionalmente inicializando

com um valor.

const Declara uma constante de apenas leitura.

Tipos de variáveis em JavaScript
Os tipos de variáveis em JS são classificados em:

Strings — Uma String nada mais é que texto puro.

Numbers — São os números, seja eles integer, float, double etc.
Booleans — São os operadores booleanos (true ou false)
Arrays — É uma estrutura de dado para armazenar uma coleção de
valores, sendo eles de qualquer tipo.
Objects — Conjunto de atributos aninhados a uma variável denomina-se
um objeto
Null - Uma palavra resrevada especial denotando um valor nulo. (Como o
JavaScript diferencia maiúsculas de minúsculas, nulo não é o mesmo que
Nulo, NULL ou qualquer outra variante.)
NaN - Not a Number
Undefined
Operadores Matemáticos
Operadores de Atribuição
Operadores Relacionais
Operadores Lógicos
JavaScript Functions (funcões)

Uma função JavaScript é um bloco de código projetado para executar uma

tarefa específica.

Uma função JavaScript é executada quando "algo" a invoca (chama).

//Função sem passagem de parâmetros
function dividir(){
alert(6 /2 );
}

//Função com passagem de parâmetros

function multiplicar(num1, num2){
alert(num1 * num2);
}
multiplicar(6,2)
//Função com passagem de parâmetros
function subtrair(num1, num2){
return num1 - num2;
}
resultado = subtrair(6, 2);
alert(resultado);
Estruturas de Decisão

if - Se (acontecer tal coisa)

else - Senão
if (condição){
//comandos
}
if (condição){
//comandos 1
}else{
//comandos 2
}
Estruturas de Repetição
for

for (var i=0; i<3; i++){

//comandos
}
while

while (i<3){
//comandos
i++
}
Eventos

Introdução Ao JavaScript (1)

Enviado por

Introdução Ao JavaScript (1)

Enviado por

Introdução ao

<​p​ ​id​=​"demo"​>Um parágrafo.</​p​>

<​h1​>A Web Page</​h1​>

<​p​ ​id​=​"demo"​>​Um parágrafo.​</​p​>

<​button​ ​type​=​"button"​ ​onclick​=​"myFunction()"​>​Clica aqui!​</​button​>

<​p​>(Função almacenada em um arquivo externo "myScript.js")</​p​>

JavaScript pode "exibir" dados de maneiras diferentes:

- Escrevendo em um elemento HTML, usando innerHTML.

let​ Declara acesso ao local da variável, opcionalmente inicializando

const​ Declara uma constante de apenas leitura.

Strings​ — Uma String nada mais é que texto puro.

Uma função JavaScript é um bloco de código projetado para executar uma

Uma função JavaScript é executada quando "algo" a invoca (chama).

//Função com passagem de parâmetros

if - Se (acontecer tal coisa)

for​ (​var​ i=​0​; i<​3​; i++){

Você também pode gostar

<p id="demo">Um parágrafo.</p>

<h1>A Web Page</h1>

<p id="demo">Um parágrafo.</p>

<button type="button" onclick="myFunction()">Clica aqui!</button>

<p>(Função almacenada em um arquivo externo "myScript.js")</p>

let Declara acesso ao local da variável, opcionalmente inicializando

const Declara uma constante de apenas leitura.

Strings — Uma String nada mais é que texto puro.

for (var i=0; i<3; i++){