Test Collision Between two selectors ex: testColision("#DivA", ".divsB", func)

collision.js

const rangeIntersect = (min0, max0, min1, max1) => 
    Math.max(min0, max0) >= Math.min(min1, max1) && Math.min(min0, max0) <= Math.max(min1, max1)

const elementsIntersect = (element1, element2) => {
  const r0 = element1.getBoundingClientRect()
  const r1 = element2.getBoundingClientRect()
  return rangeIntersect(r0.left, r0.right, r1.left, r1.right) && rangeIntersect(r0.top, r0.bottom, r1.top, r1.bottom)
}

const testColision = (selector1, selector2, callback) => 
  document.querySelectorAll(selector1).forEach(element1 =>
    document.querySelectorAll(selector2).forEach( element2 =>
      elementsIntersect(element1, element2) && callback(element1, element2)
    )
  )

testColision('#div-a', '#div-b', (a, b) => console.log(a, b))