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
