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

Farbe eines Buttons mit onclick ändern

D

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?
 
Aber der Input von der Function heißt doch btn. Ich habe alles auf MyButton2 angepasst. Es funktioniert leider immer noch nicht.
 
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?
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben