Bài Giảng: Câu Lệnh Điều Kiện, Vòng Lặp và Hàm Callback trong JavaScript và jQuery

1. Câu lệnh điều kiện trong JavaScript

1.1 Câu lệnh if, else if, else

Câu lệnh điều kiện giúp kiểm tra điều kiện và thực hiện các khối mã tương ứng.

Ví dụ:

let age = 18;
if (age < 18) {
    console.log("Bạn chưa đủ tuổi");
} else if (age === 18) {
    console.log("Bạn vừa đủ tuổi");
} else {
    console.log("Bạn đã trưởng thành");
}

1.2 Câu lệnh switch

Dùng để kiểm tra một giá trị với nhiều trường hợp khác nhau.

Ví dụ:

let day = 3;
switch (day) {
    case 1:
        console.log("Hôm nay là thứ Hai");
        break;
    case 2:
        console.log("Hôm nay là thứ Ba");
        break;
    case 3:
        console.log("Hôm nay là thứ Tư");
        break;
    default:
        console.log("Không xác định");
}

2. Vòng lặp trong JavaScript

Vòng lặp giúp thực thi một đoạn mã nhiều lần cho đến khi điều kiện dừng được đáp ứng.

2.1 Vòng lặp for

Dùng khi biết trước số lần lặp.

for (let i = 0; i < 5; i++) {
    console.log("Lần lặp thứ: " + i);
}

2.2 Vòng lặp while

Dùng khi không biết trước số lần lặp.

let i = 0;
while (i < 5) {
    console.log("Lần lặp thứ: " + i);
    i++;
}

2.3 Vòng lặp do...while

Luôn thực hiện ít nhất một lần trước khi kiểm tra điều kiện.

let j = 0;
do {
    console.log("Lần lặp thứ: " + j);
    j++;
} while (j < 5);

3. Hàm Callback trong JavaScript

3.1 Callback là gì?

Callback là một hàm được truyền làm đối số vào một hàm khác và được gọi lại sau đó.

3.2 Ví dụ về Callback:

function chayHam(callback) {
    console.log("Bắt đầu chạy hàm...");
    callback();
}

function thongBao() {
    console.log("Hàm callback đã được gọi!");
}

chayHam(thongBao);

3.3 Callback với setTimeout

setTimeout(function() {
    console.log("Hàm callback được gọi sau 2 giây");
}, 2000);

4. Callback trong jQuery

jQuery sử dụng callback để xử lý sự kiện hoặc hiệu ứng.

4.1 Callback với sự kiện click:

$("#btn").click(function() {
    console.log("Nút đã được nhấn!");
});

4.2 Callback với hiệu ứng:

$("#box").fadeOut(1000, function() {
    console.log("Hiệu ứng hoàn tất!");
});

5. Kết luận

• if...else và switch giúp kiểm tra điều kiện.
• Vòng lặp for, while, do...while giúp lặp qua dữ liệu.
• Callback giúp truyền và thực thi hàm linh hoạt trong JavaScript và jQuery.

Bài tập: Viết chương trình tính toán tổng các số chia hết cho 3 hoặc 5

Viết một hàm sumMultiples(n, callback) nhận vào một số nguyên n và một hàm callback. Hàm này sẽ:

1. Duyệt qua các số từ 1 đến n.
2. Tính tổng các số chia hết cho 3 hoặc 5.
3. Gọi hàm callback(result) với kết quả tổng tính được.

Gợi ý:

• Dùng vòng lặp for hoặc while.
• Dùng câu lệnh if để kiểm tra số chia hết cho 3 hoặc 5.
• Dùng một hàm callback để in kết quả.

 Nộp bài: File html + JS hoặc biên soạn trực tiếp ở phần nội dung trả lời