JavaScript Program to Change Background Color of Webpage on Radio button selection

Write a JavaScript program to change background color of webpage on selection using radio buttons.



Source Code
<html>
<head>
    <title>Radio button change background color</title>
    <script>
    function changeColor(color)
    {
        var panel = document.getElementById('panel')
        document.body.style.backgroundColor = color
        panel.innerHTML = "Background color is set to: " + color.toUpperCase()
    }	
    </script>
</head>

<body onload="changeColor('red')">
<p>Select option to change background color of page</p>
<form name="myform">
    <input type="radio" name="color" value="red" onchange="changeColor(this.value)" checked="false">RED<br/>
    <input type="radio" name="color" value="green" onchange="changeColor(this.value)">GREEN<br/>
    <input type="radio" name="color" value="blue" onchange="changeColor(this.value)">BLUE<br/>
</form>
<p id="panel"></p>
</body>
</html>
Output





"Coding Hub - Learn to code" app now available on Google Play Store