Bài 1. Giới thiệu và môi trường

Vai trò trong trang web

Chạy thử trong Console

Mở trình duyệt, nhấn F12, chọn thẻ Console và gõ:

console.log("Xin chào JavaScript!");
2 + 3 * 4;
alert("Chào bạn");

Nhúng vào trang HTML

<!DOCTYPE html>
<html lang="vi">
<body>
  <h1 id="tieu-de">Xin chào</h1>
  <button id="nut">Bấm vào tôi</button>
  <script src="/app.js"></script>
</body>
</html>

// app.js
document.getElementById("nut").onclick = () => {
  document.getElementById("tieu-de").textContent = "Bạn vừa bấm!";
};

Đặt <script> ở cuối body hoặc dùng thuộc tính defer để mã chạy sau khi trang tải xong.

Node.js (tùy chọn)

node -v
node ung-dung.js

Cài từ nodejs.org (bản LTS). Node cho phép chạy mã không cần trình duyệt, cần khi học framework, TypeScript.

btn.onclick = () => document.body.classList.toggle("dark");