JavaScript é uma linguagem de script poderosa que roda no navegador, permitindo manipular o conteúdo e o comportamento da página web. Comparando com uma casa, o JavaScript funciona como a funcionalidade da casa, abrangendo elementos como sistemas elétricos, encanamento, automação residencial e aquecimento central – essencialmente, tudo que fornece funcionalidade.

Veja como podemos adicionar JavaScript ao documento HTML:

JavaScript Inline

Podemos incluir JavaScript diretamente no documento HTML usando a tag <script>. Este método é útil para adicionar scripts rápidos e pontuais.

Exemplo:

Por favor, clique no botão Clique Aqui abaixo.

JavaScript Externo

Para scripts maiores ou reutilizáveis, é recomendável colocar seu JavaScript em um arquivo separado e vinculá-lo à página HTML.

Exemplo

Certifique-se de revisar todos os três arquivos no exemplo fornecido.

Conceitos Básicos de JavaScript

JavaScript permite adicionar interatividade e comportamento dinâmico às páginas web. A seguir, alguns conceitos básicos:

Variáveis

Utilizadas para armazenar dados.

let age = 30;
const name = "Peter";

Funções

Blocos de código reutilizáveis.

function greet() {
  alert('Hello, World!');
}

Manipulação do DOM

Permite que o JavaScript altere o que aparece na página.

document.getElementById('myElement').innerHTML = 'New Content';

Declarações Condicionais

Executar diferentes códigos com base em condições.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Tutorial em Vídeo