Background colour changer

<meta charset="utf-8">
<title></title>
<script>
    // Function to change webpage background color
    function changeBodyBg(color){
        document.body.style.background = color;
    }
</script>
<h1 id="heading">&nbsp;</h1>

<hr />
<div><label>Change Webpage Background To:</label><button onclick="changeBodyBg('yellow');" type="button">Yellow</button><button onclick="changeBodyBg('lime');" type="button">Lime</button><button onclick="changeBodyBg('orange');" type="button">Orange</button><button onclick="changeBodyBg('blue');" type="button">Blue</button><button onclick="changeBodyBg('black');" type="button">Black</button><button onclick="changeBodyBg('purple');" type="button">Purple</button></div>