Всем доброго времени!Проблема такова:
Циклом создаю div-ы на странице и в конце вешаю на него обработчик.
по нажатию на нужный мне див он должен менять содержимое, но проблема в том, что когда нажимаю на нужный мне блок, содержимое меняет всегда только последний блок.Хотя как я понял обработчик клика весит на всех блоках и он должен менять содержимое на нужном мне. В чем проблема?
<body>
<p>поле</p>
<div id = "home">
</div>
<script src="learnjs.js"></script>
</body>
[data-view = "pole"]
{
width: 200px;
height: 200px;
background-color: rgb(80, 168, 190);
float: left;
margin: 2px;
}
.pole-blue
{
background: rgb(180, 70, 180);
}
var home = document.getElementById('home');
for(var i = 0;i<10;i++)
{
var pole = document.createElement('div');
pole.dataset.item = i;
pole.dataset.view = "pole";
home.appendChild(pole);
pole.onclick = function()
{
if(this.className != 'pole-blue')
{
pole.className = 'pole-blue';
}
}
}
Средний
