• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Farbe eines Buttons mit onclick ändern

DaveRaul

Neues Mitglied
Liebe Forengemeinde,

ich versuche gerade in einer html-Datei bei einem Button die Farbe zu ändern, wenn er angeklickt wird.
Hierzu habe ich folgenden Code implementiert:
<head>
<script>
function setColor(btn,color){

var property=document.getElementById(btn);
if (window.getComputedStyle(property).backgroundColor == 'rgb(244, 113, 33)') {
property.style.backgroundColor=color;
}
else {
property.style.backgroundColor = "#f47121";
}
}
</script>
</head>
<div id=button><div style="margin-left: 0px; margin-right: 0px;">
<a class="myButton2" onclick="setColor('myButton2','#6cc84b');">KLICK</a>
</div></div>
Zusätzlich habe ich für den Button in der Style.css proportionen eingefügt. (Aber das sollte ja keinen Einfluss haben,oder?)

Leider funktioniert der Code nicht :-/

Kann mir jemand weiter helfen?
 
Werbung:
Aber der Input von der Function heißt doch btn. Ich habe alles auf MyButton2 angepasst. Es funktioniert leider immer noch nicht.
 
Werbung:
Erstmal vielen Dank für eure Hilfe!

ID und Class... :-D
hab das jetzt angepasst auf:
<script>
function setColor(btn,color){

var property=document.getElementByClass(btn);
if (window.getComputedStyle(property).backgroundColor == 'rgb(244, 113, 33)') {
property.style.backgroundColor=color;
}
else {
property.style.backgroundColor = "#f47121";
}
}
</script>



das mit dem document.querySelector() verstehe ich nicht :-/
Muss das an einer Stelle ersetzt werden?
 
Werbung:
Zurück
Oben