Uandishi wa Mitindo kwa kutumia Classes katika JavaScript

Kuandika mitindo ya vipengele kupitia kitambulishi style wakati mwingine ni rahisi, lakini mara nyingi - sio wazo bora zaidi. Tatizo ni kwamba mitindo itatawanyika kotekote kwenye faili ya JavaScript na itakuwa vigumu kuiBadilisha. Ni rahisi zaidi kuweka mitindo kwenye faili za CSS ili iweze kubadilishwa kwa urahisi, bila kuchimbua kwenye msimbo wa JavaScript.

Kwa mfano, hebu tuseme tuna kipengele kinachoonyesha ujumbe fulani. Ujumbe unaweza kuwa "mzuri" na kuonyeshwa kwa rangi ya kijani au "mbaya" na kuonyeshwa kwa rangi nyekundu. Suluhisho bora katika kesi kama hii itakuwa kuunda maClasses ya CSS yanayofaa:

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

Sasa wakati wa kuonyesha ujumbe "mzuri" tutaipa kipengele class ya "mzuri":

javascriptelem.textContent = 'good';
elem.classList.add('success');

Na wakati wa kuonyesha ujumbe "mbaya" tutaipa kipengele class ya "mbaya":

javascriptelem.textContent = 'bad';
elem.classList.add('error');