JS点击按钮如何改变网页的背景颜色

在做项目的时候碰到一个问题，通过点击按钮来改变网页的背景颜色，如下图所示的效果。那么怎么去实现它呢？

点击上方选择背景颜色的按钮来显示不同的背景颜色，首先要给这些背景图标一个点击事件：

<span>选择背景颜色</span>
        <a href="#" onclick="turncolors('e8ebec')"  id="color_01"><img alt="图片出错" src="../../img/run/1.png"></a>

οnclick=”turncolors(‘e8ebec’)” 是点击事件，turncolors(‘e8ebec’)是JS的函数，括号里面的值是代表颜色的的代码，通过JS来传值实现我们的目的。
JS的代码如下：

//背景颜色
function turncolors(color) {
    /*alert(color);*/
    $(".article").css("background-color","#"+color);
    $(".head").css("background-color","#"+color);
}

给turncolors()函数一个代表颜色的color属性，通过JQuery写法把color的值传进去来实现我们的效果。