Change the color of a button when it gets clicked
Question
This function is working. Every time I press the button it changes from "click me" to "click me again", but I want the button to be blue when it states "click me" and red when it's "click me again".
<!DOCTYPE html>
<html>
<body>
<button id="toggle" onclick="myFunction()" onclick="setcolor(blue)">click me</button>
<script>
function myFunction() {
var change = document.getElementById("toggle");
if (change.innerHTML == "click me again"){
change.innerHTML = "click me";
}
else {
change.innerHTML = "click me again";
}
}
</script>
</body>
</html>
2 answers
solution1
0 2017-02-02 11:38:05
Remove the second onclick listener from the button, then add the coloration code in your myFunction function:
if (change.innerHTML == "click me again") {
change.innerHTML = "click me";
change.style.background='blue'
}
else {
change.innerHTML = "click me again";
change.style.background='red'
}
solution2
0 2017-02-02 11:38:43
Set backgroundColor on click just add one click function
<button id="toggle" onclick="myFunction()" >click me</button> <script> function myFunction() { var change = document.getElementById("toggle"); if (change.innerHTML == "click me again") { change.innerHTML = "click me"; change.style.backgroundColor = "blue" } else { change.innerHTML = "click me again"; change.style.backgroundColor = "red" } } </script>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to change the color of a button when clicked, and when other button is clicked
Spotfire button change color when clicked / selected
Change button color when clicked - Bootstrap
Change box color randomly when button is clicked
Change the color of a button when clicked with javascript
Change tab color when button clicked
remove button when clicked and change background color
<button> change color when clicked in HTML?
Javascript how to change the color of a button when clicked?
How to change a button's color when clicked on it and change it back to its original color when the button is clicked again?
Related Tags