JavaScript é uma linguagem de script poderosa que roda no navegador, permitindo-nos manipular o conteúdo e o comportamento da página da web. Quando comparado a uma casa, o JavaScript funciona como a funcionalidade da casa, englobando elementos como sistemas elétricos, encanamento, automação residencial e aquecimento central - essencialmente, qualquer coisa que forneça funcionalidade.

Aqui está como podemos adicionar JavaScript ao documento HTML:

JavaScript Inline

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

Exemplo:

Por favor, clique no botão Click Me abaixo.

JavaScript Externo

Para scripts maiores ou quando queremos reutilizar código em várias páginas, é comum usar arquivos JavaScript externos. Crie um arquivo JavaScript separado (por exemplo, index.js) e vincule-o ao documento HTML usando a tag <script>.

Exemplo:

Por favor, certifique-se de revisar todos os três arquivos no exemplo fornecido.

Conceitos Básicos de JavaScript

JavaScript nos permite adicionar interatividade e comportamento dinâmico às páginas da web. Aqui estão alguns conceitos básicos:

Variáveis

Variáveis são usadas para armazenar valores de dados. Podemos declarar variáveis usando 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. Podemos definir funções usando 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. JavaScript nos permite manipular o DOM para alterar o conteúdo e o comportamento da página web dinamicamente.

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

Declarações Condicionais

Declarações condicionais nos permitem executar 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