Scribd
Carregar
2 visualizações4 páginas

Banco de Codigos JavaScript Iniciante

O documento apresenta um guia introdutório sobre JavaScript, cobrindo tópicos como declaração de variáveis, tipos de dados, operadores, estruturas de decisão e repetição, funções, manipulação do DOM, eventos, arrays, objetos, JSON, funções arrow, temporizadores, interação com o usuário e validação de formulários. Cada seção inclui exemplos de código para ilustrar os conceitos. É um recurso útil para iniciantes que desejam aprender a programar em JavaScript.

Enviado por

Lairton Lima
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
2 visualizações4 páginas

Banco de Codigos JavaScript Iniciante

O documento apresenta um guia introdutório sobre JavaScript, cobrindo tópicos como declaração de variáveis, tipos de dados, operadores, estruturas de decisão e repetição, funções, manipulação do DOM, eventos, arrays, objetos, JSON, funções arrow, temporizadores, interação com o usuário e validação de formulários. Cada seção inclui exemplos de código para ilustrar os conceitos. É um recurso útil para iniciantes que desejam aprender a programar em JavaScript.

Enviado por

Lairton Lima
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

Banco de Códigos JavaScript - Nível Iniciante

1. Declaração de Variáveis

let nome = "Lairton"; // Variável que pode mudar


const idade = 25; // Constante (não muda)
var cidade = "Recife"; // Forma antiga (não recomendada hoje)

2. Tipos de Dados

let texto = "Olá, mundo"; // String


let numero = 10; // Number
let decimal = 10.5; // Float
let ativo = true; // Boolean
let nada = null; // Null
let indefinido; // Undefined

3. Operadores

let soma = 10 + 5; // Soma


let subtracao = 10 - 5; // Subtração
let multiplicacao = 10 * 5; // Multiplicação
let divisao = 10 / 5; // Divisão
let resto = 10 % 3; // Módulo (resto da divisão)
let igual = (10 == "10"); // true (compara valor)
let identico = (10 === "10"); // false (compara valor e tipo)

4. Estruturas de Decisão

if (idade >= 18) {


[Link]("Maior de idade");
} else {
[Link]("Menor de idade");
}
let resultado = (idade >= 18) ? "Maior" : "Menor"; // Operador ternário

5. Estruturas de Repetição

for (let i = 0; i < 5; i++) {


[Link]("Número:", i);
Banco de Códigos JavaScript - Nível Iniciante

}
let i = 0;
while (i < 5) {
[Link]("Contador:", i);
i++;
}

6. Funções

function saudacao(nome) {
return "Olá, " + nome;
}
[Link](saudacao("Lairton"));

7. Manipulação de Elementos HTML (DOM)

let botao = [Link]("meuBotao"); // Puxar por ID


let elementos = [Link]("minhaClasse"); // Por classe
[Link]("titulo").innerText = "Novo Título"; // Conteúdo
[Link]("titulo").[Link] = "blue"; // Estilo

8. Eventos (Ex: clicar no botão)

HTML:
<button onclick="clicou()">Clique aqui</button>

JavaScript:
function clicou() {
alert("Você clicou no botão!");
}

9. Trabalhando com Arrays

let frutas = ["Maçã", "Banana", "Uva"];


[Link]("Laranja"); // Adiciona item
[Link](); // Remove último
[Link](frutas[0]); // Acessa primeiro item
Banco de Códigos JavaScript - Nível Iniciante

10. Objetos

let pessoa = {
nome: "Lairton",
idade: 25,
falar: function() {
[Link]("Olá, meu nome é " + [Link]);
}
};
[Link]();

11. JSON

let json = '{"nome":"Lairton","idade":25}';


let objeto = [Link](json);
[Link]([Link]); // "Lairton"

12. Funções Arrow

const soma = (a, b) => a + b;


[Link](soma(2, 3)); // 5

13. Temporizadores

setTimeout(() => {
[Link]("Executado após 2 segundos");
}, 2000);

setInterval(() => {
[Link]("Executa a cada 1 segundo");
}, 1000);

14. Interação com o Usuário

let nome = prompt("Qual seu nome?");


alert("Olá, " + nome);
let confirma = confirm("Deseja continuar?");
[Link](confirma); // true ou false
Banco de Códigos JavaScript - Nível Iniciante

15. Validação Simples de Formulário

HTML:
<form onsubmit="return validarFormulario()">
<input type="text" id="nome" />
<button type="submit">Enviar</button>
</form>

JavaScript:
function validarFormulario() {
let nome = [Link]("nome").value;
if (nome === "") {
alert("Preencha o nome!");
return false;
}
return true;
}

Você também pode gostar