javascript - 如何使用两个按钮的 onClick() 事件在 JavaScript 中更改两种不同的背景颜色

Question

我必须制作两个按钮来更改单击时的背景颜色，第一个按钮将背景颜色更改为黄色，另一个按钮将背景颜色更改为浅蓝色。我曾经做过这样的事情，

<button id="bttn1" type="button" onclick="changeColor()">Click for a yellow color</button>
<button id="bttn2" type="button" onclick="changeColor()">Click for a light blue color</button>

function changeColor() {
  document.getElementById("bttn1").style.backgroundColor = "yellow";
  document.getElementById("bttn2").style.backgroundColor = "light blue";
}

Answer 1

使用document.body.style.background设置颜色

<script type="text/javascript">
function changeColor(color){
    document.body.style.background = color;
}
</script>
<button id="bttn1" type="button" onclick="changeColor('yellow')">Click for a yellow color</button>
<button id="bttn2" type="button" onclick="changeColor('lightblue')">Click for a light blue color</button>