Amaly Ulanylyş

Bizde iki sany sanly div bolsun:

<div id="div1">10</div>
<div id="div2">10</div>

Geliň birinji div basylanda onuň bahasyny kwadrat derejä götereliň, ikinji div basylanda bolsa kub derejä götereliň.

Kodymyzy iki modul görnüşinde gurayalyň:

;(function() {
	let elem = document.querySelector('#div1'); // birinji div
	
	function func(num) {
		return num * num; // kwadrat derejä götermek
	}
	
	elem.addEventListener('click', function() {
		this.textContent = func(elem.textContent);
	});
})();

;(function() {
	let elem = document.querySelector('#div2'); // ikinji div
	
	function func(num) {
		return num * num * num; // kub derejä götermek
	}
	
	elem.addEventListener('click', function() {
		this.textContent = func(elem.textContent);
	});
})();

Indi her bir modulda biz islendik üýtgeýän ýa-da funksiýany ulanyp bileris, olar skriptimiziň başga üýtgeýän we funksiýalary bilen çaknyşyp biljekdiginden gorkman.

Mysal üçin, her iki elementemizi elem üýtgeýjanynda saklaýarys - her biri öz modulynyň öz üýtgeýjanynda. Eger modullar bolmasa, elementlerimizi saklamak üçin dürli üýtgeýänleri girizmeli bolar. Modullar bilen bolsa, bu üýtgeýjanyň başga biri hem ulanjakdygyndan gorkman, bu üýtgeýjany rahatça ulanyp bileris.