JavaScript toggle color onclick?

2 Antworten

Zuerst einmal benötigst du einen Listener für das Klickevent:

<p id="text"></p>
<script>
  var textElement = document.getElementById("text");
  textElement.addEventListener("click", function(evt) {
    // your code to handle click ...
  });
</script>

Dann kannst du noch einen CSS-Klassenselektor definieren, welcher die zweite Schriftfarbe setzt. Über das classList-Property kannst du die toggle-Methode nutzen, um die zweite Klasse dem textElement hinzuzufügen oder wieder zu entfernen.

Die Standardfarbe solltest du anschließend auch noch im CSS festlegen. Bspw. via Elementselektor:

p { color: black; }

ganz einfach: https://jsfiddle.net/w6vud2qn/

beim klicken prüfst du ob die css klasse die den alternativen style hat vorhanden ist bei dem objekt und dementsprechend entfernst du diese klasse entweder oder fügst sie eben hinzu.

noch einfacher mit der toggle funktion wie regex erwähnt.

Woher ich das weiß:Studium / Ausbildung – Keine Freunde, keine Hobbys - dafür Computer und Informatik

Was möchtest Du wissen?