Bài tập tạo hàm trong Javascript

Để hiểu rõ hơn về hàm và cách tạo hàm trong Javascript thì mình sẽ đưa ra một số bài tập và giải nó với nhiều cách khác nhau, từ đó bạn sẽ hiểu được ý nghĩa của hàm và cách tạo hàm trong Javascript.

Mục lục nội dung

Bài tập tạo hàm trong Javascript

1. Bài 01

Viết chương trình cộng hai số

Ý tưởng cho bài này như sau: trước tiên cần viết một hàm công hai số và nó có có hai tham số truyền vào, lúc này hai tham số đó chúng ta sẽ sử dụng hàm prompt() để lấy. Lưu ý khi lấy dữ liệu từ người dùng thì bạn nên sử dụng hàm parseInt() để chuyển sang kiểu number nhé, nếu không nó sẽ hiểu là cộng hai chuỗi nên dẫn đến kết quả sai.

Cách 1: Có return

<script language="javascript">

    // Hàm cộng hai số
    function tinh_tong(a, b)
    {
        return a + b;
    }

    // Lấy thông tin từ người dùng
    var a = parseInt(prompt("Nhập số a"));
    var b = parseInt(prompt("Nhập số b"));

    // Tính tổng
    var tong = tinh_tong(a, b);

    // In ra màn hình
    document.write("Tổng hai số " + a + " + " + b + " là " + tong);

</script>

Cách 2: Không có return

<script language="javascript">
    
    // Hàm cộng hai số
    function tinh_tong()
    {
        // Lấy thông tin từ người dùng
        var a = parseInt(prompt("Nhập số a"));
        var b = parseInt(prompt("Nhập số b"));

        // Tính tổng
        var tong = a + b;

        // In ra màn hình
        document.write("Tổng hai số " + a + " + " + b + " là " + tong);
    }

    // Gọi hàm tính tổng
    tinh_tong();

</script>

Xem kỹ hai cách trên ta đưa ra được nhận xét như sau:

Đối với hàm có return thì nó chỉ thực hiện một mục đích duy nhất là tính tổng hai số a và b, sau đó trả kết quả về.
Đối với hàm không có return thì ta gom hết tất cả code vào trong hàm luôn

2. Bài 02

Tính tổng các số lẻ trong mảng

Cách 1: Có Return

<script language="javascript">
    
    var mang = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,17, 18, 19, 20];

    // Hàm tính tổng số lẻ
    function tong_so_le(mang)
    {
        // Biến lưu trữ tổng
        var tong = 0;

        // Lặp qua mảng và cộng thêm tổng nếu là số lẻ
        for (var i = 0; i < mang.length; i++){
            if (mang[i] % 2 != 0){
                tong += mang[i];
            }
        }

        // Trả kết quả về
        return tong;
    }

    // In ra trình duyệt
    document.write("Tổng số lẻ là: " + tong_so_le(mang));

</script>

Cách 2: Không có return

<script language="javascript">
    
    var mang = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,17, 18, 19, 20];

    // Hàm tính tổng số lẻ
    function tong_so_le(mang)
    {
        // Biến lưu trữ tổng
        var tong = 0;

        // Lặp qua mảng và cộng thêm tổng nếu là số lẻ
        for (var i = 0; i < mang.length; i++){
            if (mang[i] % 2 != 0){
                tong += mang[i];
            }
        }

        document.write("Tổng số lẻ là: " + tong);
    }

    // Gọi hàm tính tổng số lẻ
    tong_so_le(mang);

</script>

Trên đây là bài tập cơ bản về tạo hàm trong JavaScript. Bạn đọc có thể tham khảo code và chạy thử chương trình, hoặc tìm cho mình những hướng giải quyết mới. Chúc các bạn thành công!

Ngày:06/11/2020 Chia sẻ bởi:Tuyết Trịnh

CÓ THỂ BẠN QUAN TÂM