🧠 A tag <script>

Para usar JavaScript em uma página HTML, utilizamos a tag <script> em nosso código

Ela indica ao navegador:

“Aqui existe código JavaScript que deve ser interpretado.”

Existem três formas principais de trabalhar com JavaScript em páginas HTML:

- JavaScript inline
- JavaScript interno
- JavaScript externo

Vamos ver cada uma delas.

⚠️ JavaScript inline (não recomendado)

O JavaScript inline é escrito diretamente em atributos HTML.

Exemplo: 


<button onclick="alert('Olá!')">
  Clique aqui
</button>
Essa abordagem mistura HTML com JavaScript e deve ser evitada em projetos profissionais.

Ela até funciona, mas:

  • dificulta a manutenção
  • deixa o código confuso
  • não escala bem

✅ JavaScript interno (uso pontual)

Aqui o JavaScript é escrito dentro da própria página HTML, usando a tag <script>.

Exemplo: 


<script>
  alert("JavaScript interno funcionando!");
</script>

Essa abordagem é útil:
- para testes rápidos
- para exemplos simples
- para pequenas páginas

Mas ainda não é a melhor prática para projetos maiores.

🥇 JavaScript externo (forma correta)

A forma recomendada é usar arquivos .js separados.

1️⃣ Arquivo HTML 


<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Minha página</title>
</head>
<body>
  <script src="script.js"></script>
</body>
</html>

2️⃣ Arquivo JavaScript (script.js) 


alert("JavaScript externo funcionando!");
Separar HTML e JavaScript deixa o código mais limpo, organizado e profissional.

📍 Onde colocar a tag <script>?

A posição da tag <script> faz toda a diferença.

❌ Entre as tags <head> e </head> você pode ter problemas.

Se o JavaScript tentar acessar elementos HTML que ainda não existem porque não foram renderizados pelo navegador, erros podem acontecer.

✅ No final do (recomendado) 


<body>
  <h1>Minha página</h1>
  <script src="script.js"></script>
</body>

Assim:

  • o HTML é carregado primeiro
  • o JavaScript roda depois
  • menos erros
  • melhor performance inicial

🧠 Boas práticas desde o início

  • Evite JavaScript inline
  • Prefira arquivos externos
  • Coloque o script no final do body
  • Mantenha HTML e JS separados

Esses hábitos fazem muita diferença conforme o projeto cresce.

Resumo da aula para nunca mais esquecer

  • JavaScript é incluído com a tag <script>.
  • JavaScript inline deve ser evitado.
  • Arquivos externos são a melhor prática.
  • A tag <script> deve ficar no final do body.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Tetris

Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

Máquina de Pascal

A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.