Массив аз объектҳои HTML сохтани

Бигзор ба мо як массив аз объектҳо дода шуда бошад, барои мисол, чунин массив аз корбарон:

let users = [
	{
		name: 'name1',
		surname: 'surname1',
		patronymic: 'patronymic1'
	},
	{
		name: 'name2',
		surname: 'surname2',
		patronymic: 'patronymic2'
	},
	{
		name: 'name3',
		surname: 'surname3',
		patronymic: 'patronymic3'
	},
];

Биёед аз ин массив як ҷадвали HTML сохта, дар ҳар сатр ки маълумоти як корбари муайянро нависем.

Чунин сохтори нигоҳдории маълумот одатан як сикли массивро оғоз карда ва ҳар ҳуҷраи ҷадвалро дастӣ месозанд, чунон ки:

<table id="table"></table>

let table = document.getElementById('table');

for (let user of users) {
	let tr = document.createElement('tr');
	
	let td1 = document.createElement('td');
	td1.textContent = user.name;
	tr.appendChild(td1);
	
	let td2 = document.createElement('td');
	td2.textContent = user.surname;
	tr.appendChild(td2);
	
	let td3 = document.createElement('td');
	td3.textContent = user.patronymic;
	tr.appendChild(td3);
	
	table.appendChild(tr);
}

Ин равиш имконияти зиёде медиҳад - мо метавонем тартиби ҷойгиршавии маълумотро дар ҳуҷраҳои ҷадвал танзим кунем (метавонем, барои мисол, ном ва насабро ҷой иваз кунем).

Илова бар ин, агар хоҳем, метавонем рӯйдодҳоро ба ҳуҷраҳои муайян васл кунем. Барои мисол, метавонем ба ҳуҷраи насаб як амали клик карданро ва ғайра васл кунем.

Массиви зерин бо кормандон дода шудааст:

let employees = [
	{name: 'employee1', age: 30, salary: 400},
	{name: 'employee2', age: 31, salary: 500},
	{name: 'employee3', age: 32, salary: 600},
];

Унсурҳои ин массивро ба шакли ҷадвали HTML намоиш диҳед.

Масъалаи гузаштаро тағир диҳед, то дар ҳар клик рӯи ҳуҷраи синну соли он мазмунаш ба 1 зиёд шавад.

Масъалаи гузаштаро тағир диҳед, то дар ҳар клик рӯи ҳуҷраи маоши он мазмунаш ба 10% зиёд шавад.