<html>
<head>
<title></title>
<style type="text/css">
div
{
width:100;
height:100;
margin: 100;
}
#div1
{
background-color: #ff0000;
}
#div2
{
background-color: #00ff00;
}
#div3
{
background-color: #0000ff;
}
#div4
{
background-color: #ffff00;
}
</style>
</head>
<body>
<div id="div1" onclick= OnClick1> </div>
<div id="div2" onclick= OnClick2> </div>
<div id="div3" onclick= OnClick3> </div>
<div id="div4" onclick= OnClick4> </div>
<p id="par"> Куку. Я текст!!!</p>
<script type="text/javascript">
function OnClick1()
{
par.style.backgroundColor = #ff0000;
}
function OnClick2()
{
par.style.backgroundColor = #00ff00;
}
function OnClick3()
{
par.style.backgroundColor = #0000ff;
}
function OnClick4()
{
par.style.backgroundColor = #ffff00;
}
</script>
</body>
</html>
Здесь я попытался сделать четыре квадрата (div) , по которым если кликнуть изменится p.
Почему то при клике на квадрапт абзац не меняет фон. Почему? И как зделать так чтобы менялся цвет фона?
