Я хочу, чтобы мой Button
менял цвет каждый раз, когда я нажимаю на него. Но он меняет цвет только при первом нажатии.Изменить цвет кнопки onClick
Я считаю, что проблема в функции setColor
. Каждый раз, когда я нажимаю на Button
, count
получает значение 1. Таким образом, даже когда я устанавливаю его в 0, он становится сбрасывается до 1 при следующем нажатии. Как это исправить? Существуют ли глобальные переменные в javascript/html, где это легко решить?
<!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>
Да, перемещение вар с ount = 1 до функции, и она будет глобальной. – Bushrod