Хатои тоза кардани нодурусти волидайн дар 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);
	}
});