JavaScript'теги ата-энесин туура эмес тазалоо катасы

Бизде кандайдыр бир тизме болсун. Баскычты басканда ар жолу ушул тизмени кайра түзүүнү кааласак, анын мурунку мазмунун тазалап. Жаңылар көп учурда татаал чечим ойлоп табууга аракет кылышат ката кетиришет. Келгиле жөнөкөй вариантты карап көрөлү.

Тизмени өзгөрмөгө алганбыз деп коёлу:

let ul = document.querySelector('ul');

Ошондой эле баскычты алганбыз деп коёлу:

let btn = document.querySelector('button');

Баскычты басканда биздин тизме кандайдыр бир маанилер менен толсун деп коёлу. Мисал үчүн мен учурдагы секундга дал келген тушумсүз маанини алдым:

btn.addEventListener('click', function() {
	let rand = new Date.getSeconds();
	
	for (let i = 0; i <= rand; i++) {
		let li = document.createElement('li');
		li.textContent = i;
		ul.append(li);
	}
});

Жогоруда келтирилген коддо, жаңы тизме уячалары мурунтан эле барлардан кийин кошулат. Биз болсо мурунку уячалар алгач өчүрүлүшүн каалайбыз. Чечим жөнөкөй - биздин ul тегинин текстин жөн эле тазалоо керек:

btn.addEventListener('click', function() {
	ul.textContent = ''; // тизмени тазалайбыз
	let rand = new Date.getSeconds();
	
	for (let i = 0; i <= rand; i++) {
		let li = document.createElement('li');
		li.textContent = i;
		ul.append(li);
	}
});