Hallo liebe Menschen,
Ich arbeite gerade an einer Aufgabe, bei welcher ich einen Button programmieren soll. Wenn ich diesen betätige soll ein rotes bzw gelbes Bild erscheinen. Jedoch habe ich keine Ahnung wie das geht, es wäre nett wenn ich mir helfen könnt.
ich werde dazu auch noch mein momentanes skript einfügen[ATTACH=full]4765[/ATTACH]
Also das ist gan
z einfach mit Javascript bzw. JQuery möglich (Ich werde JQUERY benutzen):
Da Jquery ja eigentlich nicht in Javascript an sich existiert, musst du es erstmal einbinden um es benutzen zu können.
[HTML][/HTML]
Das kommt oben in deinen z.B.
Als nächstes komm UNTEN als letztes Element des bodys nun das [/HTML]
In dieses kommt nun dein Jquery-Code.
Als nächstes bindest du die Bilder ein:
[HTML]
[/HTML]
Da diese aber ja NOCH nicht sichtbar sein dürfen, setzt du sie mit CSS auf display: none;
<style>
img {
display: none;
}
</style>
Jetzt zum Jquery:
function rot() {
...
}
function gelb() {
...
}
Jetzt musst du einfach nur noch mit Jquery das display: none; auf display: block oder unset etc. ändern.
function rot() {
$("#rot").css("display", "block");
}
function gelb() {
$("#gelb").css("display", "block");
}
Als letztes eben die buttons anpassen:
[HTML]
[/HTML]
Edit:
Wenn du noch einen Button haben willst, um die Bilder auszublenden, dann einfach noch einen Funktion:
[CODE]
[/CODE]Ja ich finde das nur immer eine unsaubere Variante.
Außerdem ging es um „onclick“.
Das ist ja mit der Variante nicht erfüllt 
Aber ansonsten ein guter Einfall
Wenn etwas ohne JavaScript funktioniert, sollte man auf JavaScript verzichten.
Jedem das seine…
Aber der Titel fragt ja nach onclick.
Außerdem habe ich ja nicht gesagt, das @Sempervivum Lösung falsch ist und wenn ihre Aufgabenstellung sowas erlaubt dann nimm bitte diese @emiliaginner .
Aber laut ihr soll es ja onclick sein. Das ist wie, als wenn du in der Schule an der Aufgabenstellung vorbei arbeitest.
Ich glaube das geht auch einfacher:
[CODE]
[/CODE]
Sollte funktionieren!
Programmierst du mit php?
Denn die Datei heißt index2.php!