Cách chạy JavaScript: console trình duyệt, Node.js và HTML

Ba nơi JavaScript chạy

JavaScript không tự chạy được: nó cần một môi trường chủ hiểu ngôn ngữ này. Năm 2026, có ba môi trường bạn sẽ thực sự dùng:

• Trình duyệt. Trình duyệt nào cũng có sẵn một engine JavaScript (V8 trong Chrome và Edge, SpiderMonkey trong Firefox, JavaScriptCore trong Safari). Dán code vào DevTools là nó chạy.
• Node.js. Một môi trường chạy độc lập cho JavaScript chạy bên ngoài trình duyệt: trên terminal, trên máy chủ, bên trong các công cụ build.
• Playground online và các khung soạn code nhúng (như những khung trên trang này). Bên dưới, chúng chỉ là một trong hai môi trường trên, được bọc trong giao diện web.

Ngôn ngữ ở đâu cũng như nhau. Thứ thay đổi là code được tiếp cận những gì: trình duyệt cho bạn document và window, Node cho bạn hệ thống tệp và mạng. Hãy bắt đầu với cách nào dễ nhất cho hoàn cảnh của bạn; đổi lúc nào cũng được.

Cách 1: console của trình duyệt

Cách nhanh nhất để chạy một dòng JavaScript là console DevTools của trình duyệt. Mở một trang web bất kỳ, nhấn F12 (hoặc Cmd+Option+I trên Mac), bấm vào tab Console và gõ:

console.log("Hello from the console");
2 + 2;

Nhấn Enter sau mỗi dòng. Console in ra giá trị trả về của biểu thức và mọi thứ bạn truyền cho console.log. Bạn có thể khai báo biến, gọi hàm và xem trang hiện tại: document.title cho bạn tiêu đề của tab đang mở.

Console rất hợp để:

• Thử một đoạn code trong hai giây.
• Mày mò DOM của một trang web đang chạy.
• Gỡ lỗi code đang chạy trên một trang.

Những gì bạn gõ vào console sẽ mất khi đóng tab. Muốn giữ lại thì hãy dùng tệp.

Cách 2: thẻ <script> trong tệp HTML

Để chạy JavaScript như một phần của trang web, hãy đặt nó vào tệp HTML. Lưu đoạn sau thành index.html rồi nhấp đúp để mở trong trình duyệt, hoặc dán vào trình soạn HTML online:

<!doctype html>
<html>
  <body>
    <h1 id="title">Loading...</h1>
    <script>
      document.getElementById("title").textContent = "Hello from a script";
      console.log("Script ran");
    </script>
  </body>
</html>

Thẻ <script> báo cho trình duyệt "hãy chạy phần này như JavaScript". Code này truy cập được trang chứa nó, nên document.getElementById(...) với tới được thẻ <h1> ở phía trên. Mở DevTools để xem kết quả của console.log.

Với code dài hơn vài dòng, hãy chuyển nó sang một tệp riêng rồi liên kết vào:

<script src="app.js"></script>

Đặt thẻ <script> gần cuối <body>, hoặc thêm defer vào nó, để code chạy sau khi HTML của trang đã được phân tích. Chương Module sẽ nói thêm về module script và thứ tự tải.

Cách 3: Node.js trên terminal

Khi bạn cần JavaScript mà không cần trình duyệt, như một script đổi tên tệp, một máy chủ nhỏ hay một việc xử lý dữ liệu nhanh, hãy dùng Node.js. Cài nó từ nodejs.org (chọn bản LTS), rồi kiểm tra xem đã chạy chưa:

node --version

Lưu một tệp tên script.js:

const name = "Rosa";
const items = [1, 2, 3, 4];
const total = items.reduce((sum, n) => sum + n, 0);

console.log(`Hello, ${name}`);
console.log("Total:", total);

Rồi từ cùng thư mục đó, chạy:

node script.js

Kết quả in thẳng ra terminal. Không HTML, không trình duyệt, không bước build. Phần lớn việc phát triển JavaScript "thật sự" bên ngoài trình duyệt diễn ra theo cách này; Node cũng là nền của các công cụ (bundler, trình chạy test, linter) bao quanh một dự án trình duyệt.

Bạn cũng có thể chạy Node mà không cần tệp nào. Chỉ cần gõ node rồi nhấn Enter: bạn có một dấu nhắc tương tác (REPL), mỗi dòng chạy ngay khi bạn gõ. Rất tiện để thử nghiệm, giống console trình duyệt nhưng nằm trong terminal.

Cách 4: khung soạn code trên trang này

Mỗi khối editor-javascript trên Coddy là một khung soạn code chạy trực tiếp. Sửa code, nhấn Chạy, xem đầu ra. Đây là lựa chọn thân thiện nhất khi bạn đang học: không cài đặt, không thiết lập, không phải chuyển tab:

const greet = (name) => `Hello, ${name}`;

console.log(greet("world"));
console.log(greet("JavaScript"));

Đổi "world" thành tên bạn rồi chạy lại. Vòng phản hồi chỉ có vậy: sửa, chạy, đọc đầu ra. Phần lớn bộ hướng dẫn này được thiết kế xoay quanh nó.

Nên dùng cách nào?

Chọn cách hợp với việc bạn đang làm:

• Thử một dòng code, hoặc xem một trang đang chạy: console trình duyệt.
• Làm thứ gì đó gắn với một trang web: tệp HTML có thẻ <script>.
• Viết script, công cụ hoặc máy chủ: Node.js trên terminal.
• Học theo bộ hướng dẫn này: các khung soạn code ngay tại đây.

Vài điều hay làm người mới vấp:

• Code trong Node.js không có document hay window. Đó là thứ của trình duyệt. Gọi document.getElementById(...) trong Node sẽ ném ReferenceError: document is not defined.
• Code trong trình duyệt không truy cập được hệ thống tệp của bạn. Trình duyệt cô lập các trang để bảo mật. Nếu muốn đọc một tệp trên máy, bạn đang ở địa phận của Node.
• console.log chạy được ở cả ba nơi. Đó là cách "in ra thứ gì đó" dùng được ở mọi nơi của JavaScript.

Một script để kiểm tra nhanh

Chạy đoạn này trong môi trường bạn đã chọn. Nếu thấy ba dòng đầu ra, bạn đã sẵn sàng cho trang tiếp theo:

console.log("1. JavaScript is running");

const year = new Date().getFullYear();
console.log(`2. The year is ${year}`);

const doubled = [1, 2, 3].map((n) => n * 2);
console.log("3. Doubled:", doubled);

Ba tính năng trong một đoạn code: console.log, đối tượng Date có sẵn và một phương thức mảng dùng arrow function. Bạn sẽ học kỹ từng thứ trong các chương sắp tới.

Tiếp theo: cú pháp và dấu chấm phẩy

Giờ code đã thực sự chạy ở đâu đó, câu hỏi tiếp theo là cú pháp JavaScript trông như thế nào: câu lệnh, biểu thức, và cuộc tranh luận muôn thuở về việc có nên đặt dấu chấm phẩy ở cuối mỗi dòng hay không. Đó là nội dung tiếp theo.