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:
.success {
color: green;
}
.error {
color: red;
}
Sasa wakati wa kuonyesha ujumbe "mzuri" tutaipa kipengele class ya "mzuri":
elem.textContent = 'good';
elem.classList.add('success');
Na wakati wa kuonyesha ujumbe "mbaya" tutaipa kipengele class ya "mbaya":
elem.textContent = 'bad';
elem.classList.add('error');
Kuna aya zilizo na nambari. Zikagua aya hizi kwa kutumia kitanzi na aya zilizo na nambari shufwa, ziangie kwenye rangi nyekundu, na zile zilizo na nambari witiri - kwenye rangi ya kijani.
