Неудобство на класите во JavaScript

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

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

Нека во одреден елемент сме прикажале успешна порака и и доделиле соодветна класа за успех:

javascriptelem.classList.add('success');

Нека сега во истиот елемент прикажавме порака за грешка и му доделивме соодветна класа за грешка:

javascriptelem.classList.add('error');

Како резултат ќе испадне дека во елементот ќе има две конфликтни една со друга класи:

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

Излегува дека пред додавање на нова класа, ние прво ќе треба да ја отстраниме претходната:

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

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

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