javascript - 改变对象颜色 3 次的按钮

Question

我这里的知识好像还不够。我想制作一个按钮，每次单击它时都会更改对象的颜色。颜色应该改变 3 次并且应该循环整个过程。这是我所做的:

var count = 0;
function myFunction() {
    if (count == 0) {
        character.style.backgroundColor = "#000000";
        count = 1;
        console.log(count);
    }
    if  (count == 1) {
        character.style.backgroundColor = "#7FFF00";
        count = 2;
        console.log(count);
    }
    else {
        character.style.backgroundColor = "#A2FAFA";
        count = 0;  
        console.log(count);
    }
}

我知道为什么它不起作用，但我需要用另一种方式编写它。该函数将对象的颜色更改为“#000000”一瞬间，然后继续下一个颜色:“#7FFF00”。它不会在第一个“if”之后结束函数。我怎样才能用另一种方式重写它？

Answer 1

Fester 的回答非常正确。不过，作为一种改进，您可以使用数组来避免重复代码:

var count = 0;
var colours = ["#000000", "#7FFF00", "#A2FAFA"];
function myFunction() {
    count += 1;
    if (count >= colours.length) {
        count = 0;
    }

    character.style.backgroundColor = colours[count];
    console.log(count);
}