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 quando se deseja reutilizar código em várias páginas, é comum utilizar arquivos JavaScript externos. Crie um arquivo JavaScript separado (por exemplo, index.js) e vincule-o ao documento HTML usando a tag <script>.

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

Variáveis são utilizadas para armazenar valores de dados. É possível declarar variáveis utilizando as palavras-chave let ou const.

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

Funções

Funções são blocos de código reutilizáveis que executam uma tarefa específica. É possível definir funções utilizando a palavra-chave function.

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

Manipulação do DOM

O Document Object Model (DOM) representa a estrutura de uma página web. O JavaScript permite manipular o DOM para alterar dinamicamente o conteúdo e o comportamento da página.

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

Declarações Condicionais

Declarações condicionais permitem a execução de diferentes blocos de código com base em condições especificadas.

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

Tutorial em Vídeo