Chương 4 – Câu lệnh lặp (Tiếp*)

Thực hiện các thao tác lặp đi lặp lại nhiều lần dựa vào các điều kiện nhất định.

10. Bài thực hành

Bài 1: Sử dụng vòng lặp for

Mục tiêu:

Luyện tập sử dụng vòng lặp for.

Mô tả:

Viết chương trình hiển thị chuỗi “The number is N” 5 lần sử dụng vòng lặp for. Với N sẽ hiển thị từ 0 đến 5.

Hướng dẫn:

Bước 1: Phân tích 3 phần trong vòng lặp for

Khởi tạo: i = 0

Điều kiện: i < 5

Lệnh lặp lại: i = i + 1

Bước 2: Viết mã vòng lặp for

1.	let i;
2.	for (i = 0; i < 5; i++) {
3.	   text += "The number is " + i + "<br>";
4.	}

Lưu ý: biến i có thể được khởi tạo tại thời điểm khai báo, hoặc trong phần thân của vòng lặp.

Bước 3: Toàn bộ đoạn mã lệnh

1.	let text = "";
2.	let i;
3.	for (i = 0; i < 5; i++) {
4.	   text += "The number is " + i + "<br>";
5.	}
6.	document.getElementB yId("demo").innerHTML = text;

 Bước 4: Thực thi chương trình, quan sát kết quả.

 

Bài 2: Sử dụng vòng lặp for

Mục tiêu:

Luyện tập sử dụng vòng lặp for.

Mô tả:

Viết chương trình nhập vào một số bất kỳ lớn hơn 0. Tính tổng các phần tử từ 1 đến số vừa nhập vào.

Hướng dẫn:

Bước 1: Khai báo biến để lưu số vừa nhập vào

1.	let num = prompt("Enter your number: ");

Bước 2: Khai báo biến total và khởi tạo cho total giá trị ban đầu là 0, biến total dùng để lưu tổng.

1.	let total = 0;

Bước 3: Xây dựng các phần của vòng lặp for

Khởi tạo: let i = 1

Điều kiện: i <= num

Lệnh lặp lại: i += 1

1.	for (let i = 1; i <= num; i +=1) {
2.	   //phần thân vòng lặp thực hiện tính tổng
3.	}

Bước 4: Viết mã thực hiện tính tổng

1.	total = total + i;

Bước 5: Hiển thị kết quả

1.	alert(total);

Bước 7: Thực thi chương trình, quan sát kết quả.

Bài 3: Sử dụng vòng lặp while

Mục tiêu:

Luyện tập sử dụng vòng lặp while

Mô tả:

Viết chương trình nhận vào một số từ hộp thoại, việc nhập kết thúc khi người dùng nhập vào giá trị -1. Mỗi giá trị nhập được sẽ được hiển thị ra và thực hiện tính tổng các giá trị đó.

Hướng dẫn:

Bước 1: Khai báo biến num để lưu giá trị nhập vào từ hộp thoại.

1.	let num = prompt("Enter a number: ");

Bước 2: Khai báo biến total = 0, lưu tổng.

1.	let total = 0;

Bước 3: Phân tích vòng lặp

Điều kiện vòng lặp thực hiện: num != -1

Bước 4: Viết mã phần thân vòng lặp

1.	while( num != -1 ) {
2.	  num = prompt("Enter a number: ");
3.	  alert(number);
4.	  //phần code tính tổng
5.	  total += num;
6.	}

Bước 5: Hiển thị tổng

1.	alert("total:" + total);

Bước 6: Thực thi chương trình. Quan sát kết quả

Bài 4: Sử dụng vòng lặp while

Mục tiêu:

Luyện tập sử dụng vòng lặp while.

Mô tả:

Viết chương hình hiển thị thẻ <hr> theo độ rộng từ 1 đến 100. Kết quả sẽ được hiển thị như hình:

Hướng dẫn:

Bước 1: Phân tích vòng lặp while

Điều kiện vòng lặp thực hiện: Độ rộng thẻ hr <= 100

Vòng lặp thực hiện thế nào: Hiển thị thẻ hr với độ rộng bắt đầu từ 1 đến 100.

Bước 2: Viết vòng lặp while

1.	let i = 1;
2.	while (i < 100) {
3.	   //phân thân vòng lặp
4.	   document.write("<hr width = " + i + "%>");
5.	   i++;
6.	}

Bước 3: Chạy chương trình, quan sát kết quả.

Bài 5: Sử dụng vòng lặp do…while

Mục tiêu:

Luyện tập sử dụng vòng lặp do…while.

Mô tả:

Sử dụng vòng lặp do while để viết lại chương trình yêu cầu nhập các số từ 1 -> 10 ở ví dụ trong phần vòng lặp while.

Hướng dẫn:

Bước 1: Tạo file dowhilesample.html. Tạo thẻ <script> và viết các mã lệnh thực thi trong đó.

Bước 2: Tạo biến value để lưu giá trị người dùng nhập vào

1.	let value = null; 

Bước 3: Viết mã thực thi

1.	do {
2.	   value = prompt("Nhập vào số từ 1 -> 10");
3.	} while (value < 1 || value > 10); 

Bước 4: Hiển thị ra màn hình giá trị vừa nhập

1.	alert("Số bạn vừa nhập là " + value);

Bước 5: Thực thi chương trình. Quan sát kết quả.

Bài 6: Sử dụng vòng lặp lồng nhau

Mục tiêu:

Luyện tập sử dụng vòng lặp lồng nhau

Mô tả:

Chương trình hiển thị bảng với dữ liệu như sau

Hướng dẫn:

Bước 1: Phân tích vòng lặp sử dụng trong bài toán

Vòng lặp for ngoài dùng để in ra số dòng. Gồm 10 dòng. Do đó vòng lặp sẽ là:

1.	for (i = 1; i <= 10; i++)

Vòng lặp trong in ra giá trị từng cột trên mỗi dòng. Gồm 10 cột cho mỗi dòng:

1.	for (j = 1; j <= 10; j++)

Mỗi cột có giá trị bằng i * j.

Bước 2: Viết mã sử dụng vòng lặp for lồng nhau

1.	let sout;
2.	sout = "<table border='1' width='300' cellspacing='0' cellpadding='3'>"
3.	for (let i = 1; i <= 10; i++) {
4.	   sout = sout + "<tr>";
5.	   for (let j = 1; j <= 10; j++) {
6.	       sout = sout + "<td>" + i * j + "</td>";
7.	   }
8.	   sout = sout + "</tr>";
9.	}
10.	sout = sout + "</table>";
11.	document.write(sout);

Bước 3: Thực thi chương trình, quan sát kết quả.

Bước 4: Có thể thử nghiệm thay đổi mã trên với vòng lặp while lồng nhau

1.	let sout, i, j;
2.	sout = "<table border='1' width='300' cellspacing='0' cellpadding='3'>";
3.	i = j = 1;
4.	while (i <= 10) {
5.	   sout = sout + "<tr>";
6.	   while (j <= 10) {
7.	       sout = sout + "<td>" + i * j + "</td>";
8.	       j++;
9.	   }
10.	   sout = sout + "</tr>";
11.	   j = 1;
12.	   i++;
13.	}
14.	sout = sout + "</table>";
15.	document.write(sout);

Bước 5: Thực thi chương trình, quan sát kết quả.\

Xem tiếp>> Chuong 4 Bai tap

Có thể bạn quan tâm>> Cam nang lap trinh can ban danh cho nguoi moi bat dau