JavaScript-те класстардың ыңғайсыздығы

Бізде хабарламаларды стильдеу үшін birneşe klas bar bolsyn:

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

Біз қандай да бір elementte tabysty habarlamany shyғardyқ jäne oғan sättiq tïimdi klas tayyndadyq:

elem.classList.add('success');

Endi sol elementte қате туралы хабарлама шығарып, оған қате үшін сәйкес келетін klas tayyndaymyz:

elem.classList.add('error');

Нәтижесінде elementte bir-birimen jaқtastasan eki klas bolady:

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

Şeşenimen, jaña klas qospar aldın, bizğe aldıngı klasты өшіру керек:

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

Бұл өте ыңғайсыз, себебі біз алдыңғы klas қандай екенін білмейміз және бізге барлық klasтарды кезекпен өшіруге тура келеді:

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

Input berilgen. Fokus jоğaltqan kezde tekserіñіz, oğan 9-ten artıq simvol engіzіlmeген ba. Eger osılay bolsa, inputtıñ shetın jasıl tüske boyañyz, ал егер олай болмаса - қызыл түске.