JavaScript là ngôn ngữ lập trình giúp web trở nên tương tác.
Nó chạy trên trình duyệt và ngày nay còn chạy trên server với Node.js.
Trang này tóm tắt những khái niệm cốt lõi cho người mới bắt đầu.
Ví dụ alert đơn giản:
console.log("Hello, world!");
Bạn chỉ cần một trình duyệt hiện đại và trình soạn thảo.
Thêm JS trực tiếp trong HTML bằng thẻ <script>
.
<script>
// file inline hoặc import từ file .js
</script>
Cấu trúc file khuyến nghị:
- index.html
- styles.css
- app.js
Biến: let
và const
là khuyến nghị.
Kiểu dữ liệu: string, number, boolean, null, undefined, object.
Toán tử: +, -, *, /, %, ===, !==, >, < …
const name = "Danh";
let age = 20;
console.log(name, age);
- Khai báo biến
- Toán tử so sánh
- Cấu trúc điều kiện
Mảng lưu danh sách giá trị.
Vòng lặp giúp lặp qua phần tử.
const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
Phương thức phổ biến của mảng:
push
,pop
map
,filter
,reduce
Ví dụ map:
const doubled = arr.map(n => n * 2);
Hàm giúp tái sử dụng logic.
Cú pháp khai báo:
function sum(a, b) {
return a + b;
}
const add = (a, b) => a + b;
Hàm có thể nhận tham số mặc định.
Hàm cũng là giá trị (first-class).
DOM là cấu trúc cây đại diện cho HTML.
Truy cập phần tử bằng document.querySelector
.
const btn = document.querySelector("#btn");
btn.addEventListener("click", () => alert("Clicked!"));
Cập nhật nội dung và thuộc tính động.
- Thêm/xóa class
- Thay đổi text
- Thêm node mới
Giữ code gọn, tách JS ra file riêng khi dự án lớn.