JavaScript é essencial para criar sites interativos e dinâmicos. Este guia explora duas maneiras de executar código JavaScript: diretamente no navegador Chrome usando suas Ferramentas do Desenvolvedor e usando Node.js para uma abordagem do lado do servidor ou autônoma.
Sumário
Executando JavaScript no Chrome DevTools
Este método é perfeito para testes rápidos e depuração de trechos de JavaScript dentro do contexto de uma página da web. Nenhuma instalação extra é necessária.
1. Crie seu arquivo JavaScript:
Use um editor de texto (Bloco de Notas, TextEdit, VS Code, etc.) para criar um arquivo (por exemplo, myScript.js) com seu código JavaScript:
console.log("Olá do myScript.js!");
let message = "Esta é uma variável.";
console.log(message);
2. Abra as Ferramentas do Desenvolvedor do Chrome:
Abra o Chrome, vá para qualquer página da web, clique com o botão direito e selecione “Inspecionar” ou “Inspecionar elemento” (ou pressione F12). Clique na guia “Console”.
3. Execute seu código (Método 1: Entrada direta):
Digite JavaScript diretamente no console e pressione Enter para executá-lo. Isso é ideal para pequenos trechos de código.
4. Execute seu código (Método 2: Usando um arquivo HTML):
Isso é melhor para scripts maiores. Crie um arquivo HTML (por exemplo, index.html):
<!DOCTYPE html>
<html>
<head>
<title>Meu Teste JavaScript</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Abra index.html no Chrome. O console mostrará a saída de myScript.js.
Executando JavaScript com Node.js
Node.js permite que você execute JavaScript fora de um navegador da web, ideal para scripts do lado do servidor, ferramentas de linha de comando, etc. Embora não esteja diretamente *no* Chrome, é crucial para o desenvolvimento de JavaScript que pode ser usado em extensões do Chrome ou aplicativos da web.
1. Instale o Node.js:
Baixe e instale o Node.js em nodejs.org. Isso também instala o npm (Node Package Manager).
2. Crie seu arquivo JavaScript:
Crie seu arquivo myScript.js como descrito acima.
3. Execute a partir da linha de comando:
Abra seu terminal, navegue até o diretório que contém myScript.js e execute:
node myScript.js
A saída aparecerá no seu terminal. O Node.js executa o JavaScript diretamente em seu computador, não dentro do navegador Chrome.