Três lugares onde o JavaScript roda
O JavaScript não roda sozinho — ele precisa de um ambiente que entenda a linguagem. Em 2026, são três os ambientes que você realmente vai usar:
- O navegador. Todo navegador vem com uma engine JavaScript embutida (V8 no Chrome e no Edge, SpiderMonkey no Firefox, JavaScriptCore no Safari). Você cola o código no DevTools e ele executa.
- Node.js. Um runtime independente que permite executar JavaScript fora do navegador — no terminal, em servidores, dentro de ferramentas de build.
- Playgrounds online e editores embutidos (como os desta página). Por baixo dos panos, são só uma das opções acima com uma interface web por cima.
A linguagem é a mesma em todo lugar. O que muda é o que o código consegue acessar — no navegador você tem document e window; no Node você tem o sistema de arquivos e a rede. Comece pelo que for mais fácil pra você; dá pra trocar a qualquer momento.
Opção 1: o console do navegador
A forma mais rápida de executar uma linha de JavaScript é pelo console do DevTools do navegador. Abra qualquer página, aperte F12 (ou Cmd+Option+I no Mac), clique na aba Console e digite:
Pressione Enter depois de cada linha. O console mostra o valor de retorno das expressões e qualquer coisa que você passar para o console.log. Dá pra declarar variáveis, chamar funções e inspecionar a página atual — document.title, por exemplo, devolve o título da aba aberta.
O console é ótimo para:
- Testar um trecho de código em dois segundos.
- Fuçar no DOM de um site qualquer.
- Depurar código que já está rodando na página.
Tudo o que você digita no console some quando a aba é fechada. Se quiser guardar alguma coisa, salve em um arquivo.
Opção 2: tag <script> dentro de um arquivo HTML
Para rodar JavaScript como parte de uma página web, coloque o código num arquivo HTML. Salve o conteúdo abaixo como index.html e dê um duplo clique para abrir no navegador:
<!doctype html>
<html>
<body>
<h1 id="title">Carregando...</h1>
<script>
document.getElementById("title").textContent = "Olá de um script";
console.log("Script executado");
</script>
</body>
</html>
A tag <script> diz pro navegador: "execute isto como JavaScript". Como o código roda dentro da própria página, ele tem acesso a tudo que está ali — por isso o document.getElementById(...) consegue encontrar o <h1> logo acima. Abra o DevTools para ver a saída do console.log.
Quando o código passar de algumas poucas linhas, o ideal é movê-lo para um arquivo separado e referenciá-lo assim:
<script src="app.js"></script>
Coloque a tag <script> perto do final do <body>, ou adicione defer nela, para que o script rode depois que o HTML da página for interpretado. Falo mais sobre scripts de módulo e ordem de carregamento no capítulo de Módulos.
Opção 3: Node.js direto no terminal
Quando você quer rodar JavaScript sem depender do navegador — um script que renomeia arquivos, um servidor simples, uma tarefa rápida de processar dados — o Node.js é a escolha certa. Instale pelo nodejs.org (pegue a versão LTS) e depois confirme se ficou tudo certo:
node --version
Salve um arquivo com o nome script.js:
Depois, na mesma pasta, execute:
node script.js
A saída vai direto para o terminal. Sem HTML, sem navegador, sem etapa de build. É assim que a maior parte do desenvolvimento JavaScript "de verdade" acontece fora do navegador — e é o Node que também faz rodar as ferramentas (bundlers, test runners, linters) que orbitam qualquer projeto web.
Dá pra rodar o Node sem arquivo nenhum também. Digite node e aperte Enter: você cai num prompt interativo (o REPL), onde cada linha é executada conforme você digita. Ótimo para testar coisas rápidas, tipo o console do navegador, só que no seu terminal.
Opção 4: o editor aqui da página
Cada bloco editor-javascript aqui no Coddy é um editor ao vivo. Edite o código, clique em Run e veja a saída. É a forma mais tranquila de começar enquanto você está aprendendo — sem instalar nada, sem configurar nada, sem ficar trocando de aba:
Troque "world" pelo seu nome e rode de novo. É esse o ciclo todo — edita, executa, lê o resultado. Boa parte desse tutorial foi pensada em cima disso.
Qual opção usar?
Escolha a que combina com o que você está fazendo:
- Testar uma linha de código ou inspecionar uma página aberta — console do navegador.
- Montar algo com uma página em volta — arquivo HTML com uma tag
<script>. - Escrever um script, uma ferramenta ou um servidor — Node.js pelo terminal.
- Seguir esse tutorial — os blocos de editor aqui mesmo.
Algumas pegadinhas que costumam confundir quem está começando:
- No Node.js, não existe
documentnemwindow. Essas coisas são do navegador. Se você chamardocument.getElementById(...)no Node, aparece o erroReferenceError: document is not defined. - No navegador, você não tem acesso ao sistema de arquivos. As páginas rodam em um sandbox por questão de segurança. Se precisar ler um arquivo local, é caso para Node.
console.logfunciona nos três ambientes. É o jeito universal de "imprimir alguma coisa" em JavaScript.
Um script para testar se está tudo certo
Rode isso no ambiente que você escolheu. Se aparecerem as três linhas de saída, pode seguir para a próxima página:
Três recursos em um único trecho: console.log, o objeto nativo Date e um método de array com arrow function. Você vai conhecer cada um deles com calma nos próximos capítulos.
A seguir: sintaxe e ponto e vírgula
Agora que você já consegue rodar JavaScript em algum lugar, a próxima pergunta é como a sintaxe funciona de verdade — o que são statements, o que são expressões e aquela velha discussão sobre colocar ou não ponto e vírgula no final de cada linha. É isso que vem agora.
Perguntas frequentes
Como eu rodo código JavaScript?
Você tem três caminhos fáceis. Cole o código no console do DevTools do navegador e aperte Enter. Coloque dentro de uma tag <script> num arquivo HTML e abra o arquivo no navegador. Ou instale o Node.js e rode node script.js pelo terminal. Os três executam a mesma linguagem — muda só o ambiente em volta.
Como executar um arquivo JavaScript pelo terminal?
Instale o Node.js pelo site nodejs.org, salve seu código como script.js e rode node script.js no terminal, dentro da mesma pasta do arquivo. A saída do console.log(...) aparece direto no terminal. Sem HTML, sem navegador e sem build.
Como rodar JavaScript no Chrome?
Abra qualquer página, pressione F12 (ou Cmd+Option+I no Mac) e clique na aba Console. Digite qualquer expressão e aperte Enter — ela roda na hora, em cima daquela página. É o jeito mais rápido de testar um trecho de código, inspecionar o DOM ou mexer num site ao vivo.
