Незгодност класа у JavaScript-у

Претпоставимо да имамо неколико класа за стилизовање порука:

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

Претпоставимо да смо у неком елементу приказали успешну поруку и доделили јој одговарајућу класу за успех:

elem.classList.add('success');

Претпоставимо сада да смо у том истом елементу приказали поруку о грешци и доделили јој одговарајућу класу за грешку:

elem.classList.add('error');

Као резултат, у елементу ће се наћи две класе које су у сукобу једна са другом:

<div id="elem" class="success error">
	текст
</div>

Испада да ћемо, пре додавања нове класе, морати прво да уклонимо претходну:

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

Ово није баш погодно, јер можемо не знати која је тачно била претходна класа и мораћемо да уклањамо све класе једна за другом:

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

Дат је уносни поље (инпут). При губитку фокуса проверите, да ли је у њега унето највише 9 симбола. Ако јесте, обојте ивицу поља у зелену боју, а ако није - у црвену.