Ich möchte meine Button
Farbe jedes Mal ändern, wenn ich darauf klicke. Aber es ändert nur die Farbe beim ersten Klick.Change Button Farbe onClick
Ich glaube, das Problem ist in der setColor
Funktion. Jedes Mal, wenn ich auf Button
klicke, wird count
auf 1 gesetzt. Selbst wenn ich es auf 0 setze, wird es beim nächsten Klick auf 1 zurückgesetzt. Wie behebe ich das? Gibt es globale Variablen in Javascript/HTML, wo dies leicht zu lösen wäre?
<!DOCTYPE html>
<html>
<head>
<script>
function setColor(btn, color){
var count=1;
var property = document.getElementById(btn);
if (count == 0){
property.style.backgroundColor = "#FFFFFF"
count=1;
}
else{
property.style.backgroundColor = "#7FFF00"
count=0;
}
}
</script>
</head>
<body>
<input type="button" id="button" value = "button" style= "color:white" onclick="setColor('button', '#101010')";/>
</body>
</html>
Ja, verschieben var c ount = 1 bis vor der Funktion und es wird global sein. – Bushrod