🔧Javascript

Linguagem de Programação para Web

O JavaScript é uma linguagem de programação amplamente usada para tornar as páginas da web interativas e dinâmicas. Ela permite que você crie funcionalidades avançadas, manipule dados, responda a eventos e melhore a experiência do usuário em um site.

Como Funciona?

Interação com o DOM

O JavaScript permite interagir com o Document Object Model (DOM) de uma página da web. O DOM é uma representação em árvore de todos os elementos da página e suas propriedades. Com o JavaScript, você pode acessar, modificar e manipular elementos do DOM.

Eventos

O JavaScript pode responder a eventos, como cliques de mouse, envio de formulários e teclas pressionadas. Você pode definir funções que serão executadas quando esses eventos ocorrerem.

Variáveis e Dados

O JavaScript permite declarar variáveis para armazenar dados. Você pode trabalhar com tipos de dados como números, strings, arrays e objetos.

Controle de Fluxo

Estruturas de controle, como condicionais (if/else) e loops (for/while), permitem tomar decisões e repetir ações com base em condições.

Funções

Você pode definir funções em JavaScript para agrupar blocos de código e reutilizá-los em diferentes partes do programa.

Manipulação de Dados

O JavaScript pode manipular dados, realizar cálculos, fazer chamadas de API, validar formulários e muito mais.

Exemplos

Manipulação do DOM

Você pode usar o JavaScript para modificar elementos do DOM. Por exemplo:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Exemplo de Manipulação do DOM</title>
</head>
<body>
  <h1 id="titulo">Título Original</h1>
  <img id="imagem" src="imagem.jpg" alt="Imagem Original">
</body>
</html>

// Alterando o conteúdo de um elemento
document.getElementById("titulo").innerHTML = "Novo Título";

// Ocultando um elemento
document.getElementById("imagem").style.display = "none";

// Adicionando um novo elemento
var novoParagrafo = document.createElement("p");
novoParagrafo.textContent = "Este é um novo parágrafo.";
document.body.appendChild(novoParagrafo);

Eventos

JavaScript permite responder a eventos de interação do usuário. Por exemplo:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Exemplo de Eventos JavaScript</title>
</head>
<body>
  <button id="meuBotao">Clique-me</button> 
</body>
</html>

// Adicionando um evento de clique a um botão
document.getElementById("meuBotao").addEventListener("click", function() {
  alert("Botão clicado!");
});

Last updated 1 year ago