By GokiSoft.com| 20:46 23/10/2023|

Học JS

Bài tập - ôn tập mảng - quản lý sinh viên - Lập trình Javascript

- Tạo ngẫu nhiên 20 sinh viên

- Mỗi sinh viên gồm các thuộc tính sau (tên, tuổi, địa chỉa, email, sđt)

- Hiển thị kết quả ra 1 table như sau

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

5

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

Nguyễn Minh Hiếu

2021-02-25 13:26:06

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <script src="javascript.js"></script>
    <h1>Wellcome to learn Javascript</h1>
    <table border="1">
		<thead>
			<tr>
				<th>STT</th>
				<th>Ten</th>
				<th>Tuoi</th>
				<th>Dia chi</th>
				<th>Email</th>
			</tr>
		</thead>
		<tbody>
			<!-- Hien thi du lieu tung sinh vien tai day -->
			<script type="text/javascript">
				showStudentList()
			</script>
		</tbody>
	</table>
</body>
</html>

var stdList = [
    {
        'name' : 'Tran Van A',
        'age' : '1',
        'address' : 'Ha Noi',
        'email' : 'a@gmail.com'
    },{
        'name' : 'Tran Van B',
        'age' : '1',
        'address' : 'Ha Noi',
        'email' : 'b@gmail.com'
    },
    {
        'name' : 'Tran Van C',
        'age' : '1',
        'address' : 'Ha Noi',
        'email' : 'c@gmail.com'
    }
]
function showStudentList() {
    for(var i=0; i < stdList.length; i++){
        document.writeln(`
			<tr>
				<td>${i+1}</td>
				<td>${stdList[i].name}</td>
				<td>${stdList[i].age}</td>
				<td>${stdList[i].address}</td>
				<td>${stdList[i].email}</td>
			</tr>`)
    }
}

hieuvm0512

2021-02-25 13:25:31

<!DOCTYPE html>
<html>
<head>
	<title>Student Managerment</title>
	<meta charset="utf-8">
</head>
<body>
	<H1></H1>
	<script type="text/javascript">
		var StdList = 
		[
		{
		        'name': 'TRAN VAN A',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN abe',
		        'age':'21',
				'gender': 'NU',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN ace',
		        'age':'22',
				'gender': 'NU',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN B',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN C',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN D',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN DC',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN E',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN EA',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN G',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN H',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN I',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN K',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN L',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN M',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN N',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN O',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN OO',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN OE',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN V',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		},{
		        'name': 'TRAN VAN X',
		        'age':'20',
				'gender': 'NAM',
				'address': 'Nam Dinh',
				'email': 'tranvana@gmail.com',
				'phone':'0123456789'
		}
		]
	console.log(StdList)
function showStdList()
{
	for(var i=0; i<StdList.length;i++)
	{
		document.writeln(`
							<tr>
								<td>${i+1}</td>
								<td>${StdList[i].name}</td>
								<td>${StdList[i].age}</td>
								<td>${StdList[i].gender}</td>
								<td>${StdList[i].address}</td>
								<td>${StdList[i].email}</td>
								<td>${StdList[i].phone}</td>
							</tr>`)
	}
}

	</script>
	<table border="2" bgcolor="white" title="QLSV">
		<thead>
			<tr>
				<th>No</th>
				<th>Name</th>
				<th>Age</th>
				<th>Gender</th>
				<th>Address</th>
				<th>Email</th>
				<th>Phone</th>
			</tr>
		</thead>
		<tbody>
			<!-- Hien thi du lieu tung sinh vien tai day -->
			<script type="text/javascript">
				showStdList()
			</script>
		</tbody>
	</table>


</body>
</html>

Trần Thị Khánh Huyền

2020-11-13 03:13:55

#2008.html

<!DOCTYPE html>
<html>
<head>
	<title>Quan ly sinh vien</title>
	<meta charset="utf-8">
	<style type="text/css">
		.main{
			border: 1px solid blue;
			border-radius: 5px;
			width: 100%;
			height: 800px;
			display: block;
		}
		.top{
			background-color: blue;
			height: 30px
			padding-left: 5px;
			padding-top: 5px;
			color: white;
		}
	</style>
</head>
<body>
<div class="main">
	<div class="top">Management Products</div>
<table border="1" cellspacing="3" cellpadding="3" >
	<thead>
		<tr>
			<th>STT</th>
			<th>Ten</th>
			<th>Tuoi</th>
			<th>Dia Chi</th>
			<th>Email</th>
		</tr>
	</thead>
	<tbody>
	<script type="text/javascript">
		var studentList =[]
		for(var i=0;i<20;i++){
			std={
				'fullname': 'A'+i,
				'age':i,
				'address':'hn'+i,
				'email': 'a@gmail.com'+i,
			};
			studentList.push(std)
		}
		for (var i=0; i< studentList.length; i++){
			document.writeln(`<tr>
				<td>${i+1}</td>
				<td>${studentList[i].fullname}</td>
				<td>${studentList[i].age}</td>
				<td>${studentList[i].address}</td>
				<td>${studentList[i].email}</td>
				</tr>`)
		}
	</script>

	</tbody>
</table>
	
</div>
</body>
</html>

Nguyễn Anh Vũ

2020-10-20 09:28:21

#qlsv.html

<!DOCTYPE html>
<html>
<head>
	<title>QUan Ly Sinh Vien</title>
</head>
<body>
	<table border="1" cellspacing="3" cellpadding="3">
	<thead>
		<tr>
			<th colspan="6">Quan li Sinh VIen</th>
		</tr>
		<tr>
			<td>STT</td>
			<td>Ten</td>
			<td>Tuoi</td>
			<td>Dia chi</td>
			<td>Email</td>
			<td>SDT</td>
		</tr>
	</thead>
<tbody>
	<script type="text/javascript">
		var studentlish = []

		for(var i=0; i<20; i++){
			std = {
				'fullname': 'A' + i,
				'age': 'B' + i,
				'address': 'HN' + i,
				'email': 'a' + i + '@gamil.com',
				'phone_number': '123' + i
			};
			studentlish.push(std)
		}

		for(var i=0; i<studentlish.length; i++){
			document.writeln(`<tr>
						<td>${i + 1}</td>
						<td>${studentlist[i].fullname}</td>
						<td>${studentlist[i].age}</td>
						<td>${studentlist[i].address}</td>
						<td>${studentlist[i].email}</td>
						<td>${studentlist[i].phone_number}</td>
					</tr>`)
		}
	</script>
	</tbody>
	</table>
</body>
</html>

Trần Văn Lâm

2020-10-19 09:15:56

#quanli.html

<!DOCTYPE html>
<html>
<head>
	<title>Quan li sinh vien</title>
</head>
<body>
	<table border="1" cellspacing="3" cellpadding="3">
		<thead>
			<tr>
				<th colspan="6">Quan Ly Sinh Vien</th>
			</tr>
			<tr>
				<th>STT</th>
				<th>Ten</th>
				<th>Tuoi</th>
				<th>Email</th>
				<th>SDT</th>
				<th>Dia Chi</th>
			</tr
		</thead>
	
<script type="text/javascript">
	var studentList = []
	for( var i = 0; i < 20; i++){
		std = {
			'fullname' : 'A' + i,
			'age' : i,
			'address' : 'HN' + i,
			'email' : 'a' + i + '@gmail.com',
			'phone_number' : '123' + i,
		};
		studentList.push(std)
	}
	for(var i = 0; i < studentList.length; i++){
document.writeln(`<tr>
					<td>${i + 1}</td>
					<td>${studentList[i].fullname}</td>
					<td>${studentList[i].age}</td>
					<td>${studentList[i].address}</td>
					<td>${studentList[i].email}</td>
					<td>${studentList[i].phone_number}</td>
				</tr>`)
	}

</script>
</table>
</body>
</html>

Đặng Trần Nhật Minh

2020-10-19 08:20:15

<!DOCTYPE html>
<html>
<head>
	<title>Quan Ly Sinh Vien</title>
	<meta charset="utf-8">
</head>
<body>
	<table border="1" cellspacing="2" cellpadding="2">
		<thead>
			<tr>
				<th colspan="6">Quan Ly Sinh Vien</th>
			</tr>
			<tr>
				<th>STT</th>
				<th>Ten</th>
				<th>Tuoi</th>
				<th>Email</th>
				<th>SDT</th>
				<th>Dia Chi</th>
			</tr>
		</thead>
		<tbody>
<script type="text/javascript">
	var studentList = []

	for (var i = 0; i < 20; i++) {
		std = {
			'fullname': 'A ' + i,
			'age': i,
			'address': 'HN ' + i,
			'email': 'abcacb'+ i +'@abc.com',
			'phone_number': '0000000' + i
		};
		studentList.push(std)
	}
	for (var i = 0; i < studentList.length; i++) {
		document.writeln(`<tr>
					<td>${i + 1}</td>
					<td>${studentList[i].fullname}</td>
					<td>${studentList[i].age}</td>
					<td>${studentList[i].address}</td>
					<td>${studentList[i].email}</td>
					<td>${studentList[i].phone_number}</td>
				</tr>`)
	}
</script>
		</tbody>
	</table>
</body>
</html>

hainguyen

2020-10-19 07:25:32

#vidu.html

<!DOCTYPE html>
<html>
<head>
	<title>QUan Ly Sinh Vien</title>
</head>
<body>
	<table border="1" cellspacing="3" cellpadding="3">
	<thead>
		<tr>
			<th colspan="6">Quan li Sinh VIen</th>
		</tr>
		<tr>
			<td>STT</td>
			<td>Ten</td>
			<td>Tuoi</td>
			<td>Dia chi</td>
			<td>Email</td>
			<td>SDT</td>
		</tr>
	</thead>
<tbody>
	<script type="text/javascript">
		var studentlish = []

		for(var i=0; i<20; i++){
			std = {
				'fullname': 'A' + i,
				'age': 'B' + i,
				'address': 'HN' + i,
				'email': 'a' + i + '@gamil.com',
				'phone_number': '123' + i
			};
			studentlish.push(std)
		}

		for(var i=0; i<studentlish.length; i++){
			document.writeln(`<tr>
						<td>${i + 1}</td>
						<td>${studentlist[i].fullname}</td>
						<td>${studentlist[i].age}</td>
						<td>${studentlist[i].address}</td>
						<td>${studentlist[i].email}</td>
						<td>${studentlist[i].phone_number}</td>
					</tr>`)
		}
	</script>
	</tbody>
	</table>
</body>
</html>

nguyễn Sử

2020-10-18 17:23:03

#quản lý sinh viên .html

<!DOCTYPE html>
<html>
<head>
	<title>quản lý sinh viên</title>
	<meta charset="utf-8">
</head>
<body>
	<table border="1" cellpadding="3" cellspacing="3" style="text-align: center;">
	<script type="text/javascript">
		var student = [];
		for(i = 0; i<20; i++){
			fullname: '';
			age: '';
			address: '';
			email: '';
			SĐT: '';
			console.log(student)
			console.log(student.fullname)
			console.log(student.address)
			console.log(student.email)
			console.log(student.SĐT)
		}
		document.write('<tr>');
				document.write('<th>'+ 'STT' + '</th>')
		        document.write('<th>'+ 'Ten' + '</th>')
		        document.write('<th>'+ 'Tuoi' + '</th>')
		        document.write('<th>'+ 'Dia chi' + '</th>')
		        document.write('<th>'+ 'Email' + '</th>')
		        document.write('<th>'+ 'SĐT' + '</th>')
		        document.write('</tr>')
		        for(i = 0; i < 20; i++){
		        	document.write('<tr>');
						document.write('<td>'+(i+1)+'</td>');
						document.write('<td>'+student[i].name+'</td>');
						document.write('<td>'+student[i].age+'</td>');
						document.write('<td>'+student[i].address+'</td>');
						document.write('<td>'+student[i].email+'</td>');
						document.write('<td>' +student[i].sđt+'</td>');
						document.write('<tr>');	
					}
					 document.write('</table>')
			
	</script>
</table>

</body>
</html>

Do Trung Duc

2020-10-18 13:22:08

<!DOCTYPE html>
<html>
<head>
	<title>
		
	</title>
</head>
<body>
	<table border="1">
	<script type="text/javascript">
	var studentList=[]
	n = prompt("Nhap so sinh vien n:")
	n = eval(n)

	var information = {
		name: "",
		age: 0,
		address: "",
		email: "",
	}

	for(i=0;i<n;i++){
		alert("Nhap thong tin sinh vien thu" + (i+1));

		information.name= prompt("nhap ten:")
		information.age= prompt("nhap tuoi:")
		information.address= prompt("nhap diachi:")
		information.email= prompt("nhap email:")

		studentList.push(information)
	}

	document.write("<tr>")
	document.write("<td>" + "STT" + "</td>")
	document.write("<th>" + "Ten" + "</th>")
	document.write("<th>" + "Tuoi" + "</th>")
	document.write("<th>" + "Dia chi" + "</th>")
	document.write("<th>" + "Email" + "</th>")
	document.write("</tr>")

	for (i=0;i<n;i++) {
		document.write("<tr>")
		document.write("<th>" + (i+1) + "</th>")
		document.write("<th>" + studentList[i].name + "</th>")
		document.write("<th>" + studentList[i].age + "</th>")
		document.write("<th>" + studentList[i].address + "</th>")
		document.write("<th>" + studentList[i].email + "</th>")
		document.write("</tr>")

	}

	</script>
	</table>
</body>
</html>

vuong huu phu

2020-10-17 04:25:43

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>

<table border="1" cellpadding="3" cellspacing="3" style="text-align: center;">

<script type="text/javascript">
	var sl = [];
for(i = 0; i<20;i++) {
	sd ={
		name:'',
		age: 0,
		address:'',
		email:'',
	}
	sd.name = prompt('Nhập tên');
	sd.age = prompt('Nhập tuổi');
	sd.address = prompt('Nhập địa chỉ');
	sd.email = prompt('Nhập email');
	sl.push(sd);
}
document.write('<tr>');
document.write('<th>'+'Stt'+'</th>');
document.write('<th>'+'Tên'+'</th>');
document.write('<th>'+'tuổi'+'</th>');
document.write('<th>'+'Địa chỉ'+'</th>');
document.write('<th>'+'email'+'</th>');
document.write('<tr>');
for(i=0;i<20;i++){
document.write('<tr>');
document.write('<td>'+(i+1)+'</td>');
document.write('<td>'+sl[i].sname+'</td>');
document.write('<td>'+sl[i].age+'</td>');
document.write('<td>'+sl[i].address+'</td>');
document.write('<td>'+sl[i].email+'</td>');
document.write('<tr>');	
}
</script></table>

</body>
</html>