Имеется код:
При нажатии на кнопку "top" див движется к другому диву вверх:
var c = -1;
function f1(){
var a = document.getElementsByClassName("a");
var b = document.getElementsByClassName("b");
b[0].style.top = c--;
}
.a{
position: relative;
background-color: red;
width: 100px;
height: 100px;
}
.b{
position: relative;
background-color: blue;
width: 100px;
height: 100px;
}
<div class="a"></div>
<div class="b"></div>
<button onclick="f1()">Top</button>
Как сделать так, чтобы при столкновении этих дивов, происходило какое-то действие? Например, менялся цвет у этих дивов. Возможно ли это реализовать на JavaScript?
Если да, то как?