JavaScript-däki klasslaryň ulyşlyksyzlygy

Bizde habarlar üçin birnäçe stilizasiýa klasslary bolsun:

css.success {
  color: green;
}
.warning {
  color: orange;
}
.error {
  color: red;
}

Diýmek, bir elementde üstünlikli habar görkezip, oňa degişli üstünlik klasyny belläýäris:

javascriptelem.classList.add('success');

Indi bolsa, şol elementde ýalňyşlyk habary görkezip, oňa degişli ýalňyşlyk klasyny belläýäris:

javascriptelem.classList.add('error');

Netijede, elementde bir-biri bilen çakyşýan iki klas bolýar:

html<div id="elem" class="success error">
  text
</div>

Şonuň üçin, täze klas goşmanka, ilki öňki klasy aýyrmaly bolýarys:

javascriptelem.classList.remove('success');
elem.classList.add('error');

Bu birneme ulyşlyksyz, sebäbi biz öňki klasyň haýsydygyny bilmesek hem mümkin we hemme klaslary bir hatarda aýyrmaly bolarys:

javascriptelem.classList.remove('success');
elem.classList.remove('warning');
elem.classList.add('error');