KorniloFF, писать неохота ничё, хочу взять пусть не 100% такой но похожий и адаптировать под себя
<style type="text/css">
#block {position:relative; background:#fcc; display: inline-block; cursor: pointer;}
</style>
<div id="block" onclick="StartRot();">Кликни меня для вращения!</div>
<script type="text/javascript">
function StartRot() {
var block = document.getElementById('block');
R = 100,
A = 0,
PI2 = Math.PI * 2;
dA = PI2 / 64;
setInterval(function() {
block.style.left = Math.round(R * Math.cos(A)) + 'px';
block.style.top = Math.round(R * Math.sin(A)) + 'px';
A += dA;
if (A >= PI2) A -= PI2;
else if (A < 0) A += PI2;
}, 50);
};
</script>
window.alert= function (txt) {
// здесь динамически создаём нужное окно с текстом из параметра txt.
}
'use strict';
var repa= document.querySelectorAll('div[title*=\'Уровень\']'),
compare= {
'+1' : 'cc423d',
'-1' : '2d8948',
};
function findParent(el) {
var p= el.parentNode;
if(!p) return null;
return (p.id && p.id.indexOf('blr') !== -1)? p : findParent(p);
}
[].forEach.call(repa, function(i) {
var parent= findParent(i);
if(!parent) return;
Object.keys(compare).forEach(function(c) {
if (i.title.indexOf(c) !== -1) parent.style.backgroundColor= '#' + compare[c] ;
})
parent.style.backgroundColor= parent.style.backgroundColor || '#7b7b7b';
})
<div id="test">
<div id="parent-1">
<div id="child-1">child-1</div>
</div>
<div id="parent-2">
<div id="child-2">child-2</div>
</div>
<div id="parent-3">
<div id="child-3">child-3</div>
</div>
</div>
<script type="text/javascript">
'use strict';
var test= document.getElementById('test');
test.onclick= function(e) {
var t= e.target;
if (t.id.indexOf('child') === -1) return;
t.parentNode.classList.add('myClass');
e.stopPropagation();
}
</script>