By GokiSoft.com| 19:26 30/10/2021|
Tài Liệu Javascript

Hướng dẫn tạo danh sách sinh viên sử dụng Loop & Object & Array trong Javascript

Hướng dẫn tạo danh sách sinh viên sử dụng Loop & Object & Array trong Javascript 



<!DOCTYPE html>
<html>
<head>
	<title>Object & Array tutorial</title>
	<meta charset="utf-8">
</head>
<body>
	<table width="100%" border="1" cellspacing="3" cellpadding="3">
		<thead>
			<th>No</th>
			<th>Full Name</th>
			<th>Gender</th>
			<th>Age</th>
			<th>Email</th>
			<th>Address</th>
		</thead>
		<tbody>
<script type="text/javascript">
	//khoi tao mang -> chua danh sach sinh vien
	var studentList = []
	//khoi tao ra 10 sinh vien -> add vao mang studentlist
	for(i=0;i<10;i++) {
		var student = {
			"fullname": "Tran Van " + 1,
			"gender": "Nam",
			"age": i,
			"email": i + "@gmail.com",
			"address": "HN_"+1
		}
		studentList.push(student)
	}
	//Hien thi sinh vien co trong mang studentList ra table
	//studentList.length -> tra ve so phan tu trong mang
	for(i=0;i<studentList.length;i++) {
		//cach 1
		document.writeln(`<tr>
				<td>${i+1}</td>
				<td>${studentList[i].fullname}</td>
				<td>${studentList[i].gender}</td>
				<td>${studentList[i].age}</td>
				<td>${studentList[i].email}</td>
				<td>${studentList[i].address}</td>
			</tr>`)
		//cach 2
		// document.writeln('<tr>'+
		// 		'<td>'+(i+1)+'</td>'+
		// 		'<td>'+studentList[i].fullname+'</td>'+
		// 		'<td>'+studentList[i].gender+'</td>'+
		// 		'<td>'+studentList[i].age+'</td>'+
		// 		'<td>'+studentList[i].email+'</td>'+
		// 		'<td>'+studentList[i].address+'</td>'+
		// 	'</tr>')
	}
</script>
		</tbody>
	</table>
</body>
</html>


Tags:

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)