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.
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!
Tham khảo thêm
- docx Câu hỏi trắc nghiệm lập trình JavaScript
- doc Bài tập vòng lặp for trong Javascript
- doc Bài tập vòng lặp while trong javascript
- doc Bài tập DOM căn bản trong Javascript
- doc Bài tập javascript - Xây dựng menu dropdow
- doc Bài tập Javascript căn bản