Tabellenzellen sollen bei Klick Farbe ändern

[var]

Hallo zusammen!

Hallo Redaxo

Ich habe folgendes Problem:

In einer Tabelle soll der Besucher durch einen Klick auf eine Zelle die Farbe ändern können. Dies habe ich mit einem einfachen onklick-Befehl gelöst.

Mein Problem besteht nun darin, dass ein weiterer Klick auf die gleiche Zelle die Änderung der Farbe wieder rückgängig machen soll - die Zelle soll also wieder die Ursprungsfarbe übernehmen.

Gibt es hierfür einen Befehl?

Danke für eure Hilfe!

Wenn du willst, dass die Farbe wieder zurückwechselt, musst du die Anweisung zum Wechseln der Farbe in deiner onclick-Funktion an eine Bedingung knüpfen. Zum Beispiel:

var tableRow = document.getElementById( 'tableRow' );  
  
tableRow.addEventListener( 'click', function ( ) {  
  
  if ( tableRow.style.backgroundColor = 'blue' ) {  
  
    tableRow.style.backgroundColor = 'green';  
  
  }  
  
  if ( tableRow.style.backgroundColor = 'green' ) {  
  
    tableRow.style.backgroundColor = 'blue';  
  
  }  
  
} );

Vielleicht geht es auch einfacher, dann wird mich sicher jemand korrigieren, aber so würde ich es machen. ;-)

Gruß

var