Vorteil der Gestaltung mit CSS-Klassen in JavaScript
Die Verwendung von Klassen anstatt der direkten Änderung von Stilen hat einen weiteren Vorteil. Mit einer einfachen Handbewegung kann man erreichen, dass sich die Stile der Elemente abwechseln.
Man kann beispielsweise erreichen, dass ein Absatz beim ersten
Klick eine bestimmte Farbe erhält und beim erneuten Klick
seine ursprüngliche Farbe zurückbekommt. Dafür muss einfach
die Methode add durch die Methode toggle ersetzt werden:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
Modifizieren Sie die vorherige Aufgabe so, dass ein erneuter Klick auf die Schaltfläche die Aktion dieser Schaltfläche rückgängig macht.
