Frage OnClick Button soll 2 Functions erledigen

Mario Ahna · 24 Februar 2021

Hallo ich würde gerne 2 functions erledigen lassen durch einen button, einmal dass das licht angeht und der hintergrund weiß wird oder gelb oder ähnliches und einmal dass das licht ausgeht und der hintergrund schwarz wird aber ich verstehe nicht wieso es nicht geht [bin neu]

Hier der Code:

HTML:

<body style="background-color:black;">

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'" onClick=pageBackground('white')>Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>

</body>

AndreasB · 24 Februar 2021

Du kannst das gleich HTML-Attribut nicht 2 Mal vergeben.

Um das zu erreichen, hast du zwei Möglichkeiten:
1. (verflogt deinen Ansatz) Du erstellst dir eine Wrapper-Fuktion (Eine Funktion, die beide Dinge erledigt) und rufst diese auf.
2. (Ist zu empfehlen) Du arbeitest mit Eventhandlern und addest für jede Funktionalität einen extra Handler.

Frage OnClick Button soll 2 Functions erledigen

Mario Ahna

Neues Mitglied

AndreasB

Mitglied

Neueste Beiträge