Hallo,
ich versuche gerade folgendes, trotz langer Internetrecherche bislang ohne Erfolg: einen Button einzubauen, der die Hintergrundfarbe ändert, wenn man ihn anklickt.
(Am idealsten wäre es, 2 Schalter zu haben, für erste und zweite Hintergrundfarbe (on/off).
ich habe auch eine Funktion gefunden, mit der das in einem Javascript Editor schön funktioniert:
<html>
<body>
<button id="buttonColor">Change Color</button>
</body>
</html>
------------------------------------------------
document.getElementById('buttonColor').addEventListener('click', () =>
document.body.style.backgroundColor = "blue"
);
wenn ich nun dem Button eine id gebe und den js script mittels snippet plugin einbaue, bekomme ich in der konsole die Fehlermeldung: Uncaught TypeError: can't access property "addEventListener", document.getElementById(...) is null
dafür fehlt mir leider das nötige Javascript Verständnis... jemand vielleicht eine Idee?
ach ja, mittels alert habe ich überprüft, dass das js aufgerufen wird, das klappt also. die Fehlermeldung bestätigt ja auch, dass was passiert, nur klappt es halt nicht. Die Button id funktioniert auch, ich kann zb mit css den button verändern...
