javascript - 用JS改变不同颜色的 body 背景

Question

关闭。这个问题需要debugging details .它目前不接受答案。












想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。

12 个月前关闭。




Improve this question




所以我是 JavaScript 的新手，我想制作一个按钮，当按下时会改变正文的背景颜色。但它没有用。这是我的代码。但是没用。。

    function color (){
        var color = ["#02245c", "green", "blue", "red", "yellow"];
        var i;
        for (var i = 0; i < color.length; i++) {
          color[i];
          document.body.style.background = color[i];
        }
      }

Answer 1

恭喜你学习JS。
为您构建了一个解决方案，这是我能想到的最简单的方法。希望你喜欢。

const button = document.querySelector('button');

var currentColorIndex = 0;
button.onclick = () => changeColor();

function changeColor () {
  var color = ["#02245c", "green", "blue", "red", "yellow"];

  // You dont need a loop, this is what will change the color every time the function gets called.
  if( currentColorIndex < color.length - 1 ) {
    currentColorIndex++;
  } else {
    currentColorIndex = 0;
  }
  
  button.style.background = color[currentColorIndex];
}

<!-- HTML expanding (Emmet):
  - type html:5 and press Tab;
  - type div>h1#header and press Tab;
-->
<button>Click me</button>