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 há necessidade de 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 utilizando a tag <script>.

Exemplo:

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

Fundamentos de JavaScript

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

Variáveis

Variáveis são utilizadas 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 Modelo de Objeto de Documento (DOM) representa a estrutura de uma página web. JavaScript permite manipular o DOM para alterar dinamicamente o conteúdo e o comportamento da página web.

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

Declarações Condicionais

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