Quản lý sinh viên html

#test.html

	jQuery tutorial
	
	

	
	
	
	


	
	

		

		  

		  	Dang Ky Tai Khoan User
		  
		  

		  	
		  		

			  		User Name:
			  		
			  	
			  	

			  		Full Name:
			  		
			  	
			  	

			  		Email:
			  		
			  	
			  	

			  		Birthday:
			  		
			  	
			  	Save
			  	Reset
		  	
		  
		

		
					No
					User Name
					Full Name
					Email
					Birthday
					
					
				
	

	
		var studentList = []
		var currentIndex = -1

		var json = localStorage.getItem['stdList']
		if[json != null && json != ''] {
			studentList = JSON.parse[json]

			showData[]
		}

		$['#MyForm'].submit[function[] {
			console.log['okok']
			//Save thong tin sinh vien
			var uname = $['#username'].val[]
			var fname = $['#fullname'].val[]
			var email = $['#email'].val[]
			var birthday = $['#birthday'].val[]

			//Tao 1 object tu du lieu tren
			var std = {
				'username': uname,
				'fullname': fname,
				'email': email,
				'birthday': birthday
			}

			//Them doi tuong sinh vien std vao mang studentList
			if[currentIndex >= 0] {
				//Sua du lieu
				studentList[currentIndex] = std;
				currentIndex = -1
			} else {
				studentList.push[std]
			}

			//Hien thi du lieu len table
			// $['#student_list_id'].append[`
			// 		${studentList.length}
			// 		${std.username}
			// 		${std.fullname}
			// 		${std.email}
			// 		${std.birthday}
			// 		Edit
			// 		Delete
			// 	`]
			showData[]

			$['#btn_reset'].click[] //Click tu dong vao button reset -> xoa du lieu trong form di.
			return false;
		}]

		function editStudent[index] {
			currentIndex = index

			var std = studentList[index]

			$['#username'].val[std.username]
			$['#fullname'].val[std.fullname]
			$['#email'].val[std.email]
			$['#birthday'].val[std.birthday]
		}

		function deleteStudent[index] {
			var option = confirm['Ban co chac chan muon xoa sinh vien nay khong?']
			if[!option] return

			studentList.splice[index, 1]
			
			showData[]
		}

		function showData[] {
			//Hien thi lai danh sach sinh vien trong mang studentList
			$['#student_list_id'].empty[]
			//Hien thi lai danh sach sinh vien
			for [var i = 0; i < studentList.length; i++] {
				$['#student_list_id'].append[`
					${i+1}
					${studentList[i].username}
					${studentList[i].fullname}
					${studentList[i].email}
					${studentList[i].birthday}
					Edit
					Delete
				`]
			}

			//Luu tru du lieu lai
			//convert stdList array -> json string
			var json = JSON.stringify[studentList]
			//Save
			localStorage.setItem['stdList', json]
		}