Илова кардани хариди нав дар ҳисобкунаки маҳсулотҳо

Барои оғоз биёед то ҳамин тавр кунем, ки бо фишурдани тугма дар ҷадвал сатри нав бо харид илова карда шавад:

add.addEventListener('click', function() {
	let tr = document.createElement('tr');
	
	let td;
	
	td = document.createElement('td');
	td.textContent = name.value;
	td.classList.add('name');
	tr.appendChild(td);
	
	td = document.createElement('td');
	td.textContent = price.value;
	td.classList.add('price');
	tr.appendChild(td);
	
	td = document.createElement('td');
	td.textContent = amount.value;
	td.classList.add('amount');
	tr.appendChild(td);
	
	td = document.createElement('td');
	td.textContent = price.value * amount.value;
	td.classList.add('cost');
	tr.appendChild(td);
	
	td = document.createElement('td');
	td.textContent = 'ҳазф';
	td.classList.add('remove');
	tr.appendChild(td);
	
	table.appendChild(tr);
});

Ҳалли ман, аммо, мушкилоти ошкоро бо такрори рамз дорад: дар асл барои ҳар як ҳуҷайра мо ҳамон рамзро менависем.

Дар мавриди хеле муносиб буд, ки як функсияи муайян барои сохтани ҳуҷайраи ҷадвал дошта бошем. Бигзор ин функсия якум параметраш ба истинод ба сатри ҷадвал гирад, дуввум параметр - матни ҳуҷайраи ҷадвал, ва сеюм - номи синфи CSS-и ҳуҷайра:

function createCell(tr, value, name) {
	
}

Доштани чунин функсия мо метавонистем рамзи дар боло овардашударо ба таври зерин нависем:

add.addEventListener('click', function() {
	let tr = document.createElement('tr');
	
	createCell(tr, name.value, 'name');
	createCell(tr, price.value, 'price');
	createCell(tr, amount.value, 'amount');
	createCell(tr, price.value * amount.value, 'cost');
	createCell(tr, 'ҳазф', 'remove');
	
	table.appendChild(tr);
});

Функсияи тавсифкардаи манро createCell татбиқ кунед.

Рамзи манро барои илова кардани хариди нав нусхабардорӣ кунед. Илова кардани хариди навро дар ҷадвал озмоиш кунед.

Функсияи createCell-ро тағйир диҳед, то ки он тавассути return ҳуҷайраи сохтаи ҷадвалро баргардонад.