Stilizavimas klasėmis JavaScript

Stilizuoti elementus per atributą style kartais yra patogu, tačiau dažniausiai - ne pati geriausia idėja. Problema ta, kad stiliai bus išsibarstę JavaScript faile ir juos bus varginantiška keisti. Daug patogiau yra nustatyti stilius CSS failuose, kad juos būtų lengva keisti, nekasantis JavaScript kode.

Tarkime, pavyzdžiui, kad turime elementą, kuris išveda tam tikrą pranešimą. Pranešimas gali būti "geras" ir būti rodomas žalia spalva arba "blogas" ir būti rodomas raudona spalva. Geriausiu atveju tokiu atveju būtų sukurti atitinkamas CSS klases:

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

Dabar išvedant "gerą" pranešimą mes suteiksime elementui "gerą" klasę:

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

O išvedant "blogą" pranešimą mes suteiksime elementui "blogą" klasę:

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

Duoti pastraipos su skaičiais. Pereikite šias pastraipas ciklu ir pastraipas, kuriose yra lyginiai skaičiai, nuspalvinkite raudonai, o kuriose yra nelyginiai - žaliai.