Výhody štýlovania pomocou CSS tried v JavaScripte
Používanie tried namiesto priamej zmeny štýlov má ešte jednu výhodu. Jednoduchým pohybom ruky možno docieliť, aby sa štýly prvkov striedali.
Napríklad, je možné docieliť, aby sa pri prvom
kliku na odsek zafarbil na určitú farbu,
a pri opakovanom kliknutí - vrátil späť
svoju pôvodnú farbu. Na to stačí jednoducho
metódu add zmeniť na metódu toggle:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Upravte predchádzajúcu úlohu tak, aby opakované stlačenie tlačidla zrušilo akciu tohto tlačidla.
