Objektleriň massiwinden HTML tablisasyny döretmek

Bizde belli bir massiw objektleri berlen bolsun, mysal üçin, şu ýaly ulanyjylar bilen massiw:

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

Geliň bu massiwden HTML tablisasyny dözdüreliň, her hataryna aýratyn ulanyjynyň maglumatlaryny ýazdyryp.

Maglumatlary saklamanyň şeýle gurluşy bilen, adatça, massiwiň üstünden bir aýlaw işledilýär we tablisanyň her öýjügini el bilen şeýle döredilýär:

<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);
}

Şeýle ýanaşma uly çeýnellik berýär - biz tablisanyň öýjüklerindäki maglumatlaryň ýerleşiş terti bile özümiz dolundyryp bilýäris (mysal üçin, ady we familiýany ýerlerini çalyşyp bilýäris).

Şeýle hem, islesek, belli öýjüklere wakalar baglap bileris. Mysal üçin, familiýa bilen öýjüge basylanda belli bir hereketi baglap bileris we ş.m.

Şu ýaly işgärler bilen massiw berlen:

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

Bu massiw elementlerini HTML tablisasy görnüşinde çykaryň.

Öňki meseläni üýtgediň, şonuň ýaly ýaş bilen islendik öýjüge basylanda onuň mazmuny 1 artdyrylsyn.

Öňki meseläni üýtgediň, şonuň ýaly aýlyk hak bilen islendik öýjüge basylanda onuň mazmuny 10% artdyrylsyn.