JavaScript

Confira neste artigo:

Introdução ao JavaScript

JavaScript é uma linguagem de programação amplamente utilizada para adicionar funcionalidades interativas a páginas web. Ele é executado no lado do cliente, ou seja, diretamente no navegador do usuário.

Variáveis e Tipos de Dados

No JavaScript, as variáveis são declaradas usando var, let ou const. Elas podem armazenar diferentes tipos de dados, como números, strings e booleanos.

Exemplo de Variáveis:

let nome = "João";
let idade = 30;
let ativo = true;

console.log(nome);  // Saída: João

Operadores JavaScript

JavaScript oferece vários operadores para realizar operações matemáticas, comparações e lógicas.

1. Operadores Aritméticos

Os operadores aritméticos realizam operações como adição, subtração, multiplicação e divisão.

Exemplo:

let a = 10;
let b = 5;

let soma = a + b;
let multiplicacao = a * b;

console.log("Soma: ", soma);
console.log("Multiplicação: ", multiplicacao);
2. Operadores de Comparação

Os operadores de comparação comparam dois valores e retornam um valor booleano (true/false).

Exemplo:

let x = 10;
let y = 20;

console.log(x == y); // false
console.log(x != y); // true

Controle de Fluxo

No JavaScript, estruturas de controle como if, else, e switch permitem controlar o fluxo de execução do código com base em condições.

Exemplo de Controle de Fluxo:

let idade = 18;

if (idade >= 18) {
    console.log("Você é maior de idade.");
} else {
    console.log("Você é menor de idade.");
}

Funções em JavaScript

Funções em JavaScript permitem agrupar código reutilizável. Elas podem aceitar parâmetros e retornar valores.

Exemplo de Função:

function somar(a, b) {
    return a + b;
}

let resultado = somar(10, 5);
console.log("A soma é: ", resultado);

Arrays e Objetos

No JavaScript, um array é uma coleção ordenada de valores, enquanto um objeto é uma coleção de propriedades nomeadas.

Exemplo de Arrays:

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

console.log(frutas[0]);  // Saída: Maçã
console.log(frutas.length);  // Saída: 3
Exemplo de Objetos:

let pessoa = {
    nome: "João",
    idade: 30,
    saudacao: function() {
        return "Olá, " + this.nome;
    }
};

console.log(pessoa.saudacao());  // Saída: Olá, João

Manipulação de Eventos

JavaScript permite responder a eventos como cliques de botão, movimentos do mouse e teclas pressionadas. Isso é feito através de manipuladores de eventos.

Exemplo de Evento de Clique:

// Suponha que temos um botão com id="meuBotao"
document.getElementById("meuBotao").addEventListener("click", function() {
    alert("Botão clicado!");
});

Manipulação de DOM

O JavaScript pode modificar o conteúdo e a estrutura da página HTML em tempo real através da manipulação do DOM (Document Object Model).

Exemplo de Manipulação de DOM:

// Alterando o texto de um parágrafo com id="meuParagrafo"
document.getElementById("meuParagrafo").innerHTML = "Novo conteúdo!";