BenNy tHa Ответов: 2

Изменение цвета фона с помощью переключателя

я нуб,
изменение цвета фона с помощью переключателя

Что я уже пробовал:

<html>
<head>
<script language="javascript">
function changeclr()
{
	var col=document.getElementById('ccolor').value;
	documnet:body.backgroundColor='col';
}
</script>
</head>
<body>
<form>
<input type="radio" name="ccolor" value="red" onclick="changeclr()"> Red<br>
<input type="radio" name="ccolor" value="blue" onclick="changeclr()"> Blue<br>
<input type="radio" name="ccolor" value="white" onclick="changeclr()"> White<br>
<form>
</body>
</html>

2 Ответов

Рейтинг:
2

Ali Majed HA

Firs: вы не объявляете ID= " ccolor",

Во-вторых: вы не можете объявить один и тот же идентификатор для каждых 3 входных тегов, вы должны объявить class= "ccolor" и в вашей функции:

var col = document.getElementByClassName("ccolor")[0].value;
document.body.BackgroundColor = col;

Рейтинг:
2

SrikantSahu

Небольшое изменение в вашей функции и дополнительный входной параметр прошли.

<html>
<head>
<script language="javascript">
function changeclr(obj)
{
	document.body.style.backgroundColor=obj.value;
}
</script>
</head>
<body>
<form>
<input type="radio" name="ccolor" value="red" onclick="changeclr(this)"> Red<br>
<input type="radio" name="ccolor" value="blue" onclick="changeclr(this)"> Blue<br>
<input type="radio" name="ccolor" value="white" onclick="changeclr(this)"> White<br>
<form>
</body>
</html>