Changement de couleur d'un Bouton onClick
Je veux que mon Button
à changer de couleur chaque fois que je clique sur elle. Mais il ne change de couleur sur le premier clic.
Je crois que le problème est dans la setColor
fonction. Chaque fois que je clique sur le Button
, count
obtient mis à 1. Donc, même quand je l'ai mis à 0, il est remis à 1 sur le cliquez sur suivant. Comment puis-je résoudre ce problème? Y sont des variables globales en javascript/html, si cela peut être facilement résolu?
<!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>
Oui, déplacez var count=1 à l'avant de la fonction et il sera mondiale.
OriginalL'auteur user2456977 | 2014-11-14
Vous devez vous connecter pour publier un commentaire.
Il y a en effet des variables globales en javascript. Vous pouvez en apprendre plus sur les étendues, qui sont utiles dans cette situation.
Votre code pourrait ressembler à ceci:
Espère que cette aide.
OriginalL'auteur Julien P
1.
2.
([conditionnel (ternaire) de l'opérateur])
Exemple 1
Exemple 2
OriginalL'auteur Alexander T.
Chaque fois
setColor
se fait frapper, vous êtes paramètre count = 1. Vous devez définircount
en dehors de la portée de la fonction. Exemple:OriginalL'auteur KJ Price