SOURCE

const points = document.getElementById('points')
points.addEventListener('click',function(evt){
  let node = evt.target
  if (node.tagName === 'LI') {
    alert('hi')
  }
}, false)

<ul id="points">
  <li id="point-1"></li>
  <li id="point-2"></li>
  <li id="point-3"></li>
  <li id="point-4"></li>
  <li id="point-5"></li>
  <li id="point-6"></li>
</ul>

ul li {
  border-radius:50px;
  background:#ccc;
  list-style:none;
  width:30px;
  height:30px;
  position: absolute;
  left: 10px;
}

li:nth-child(1) {
  left: 60px;
  top: 10px;
}

li:nth-child(2) {
  left: 10px;
  top: 55px;
}

li:nth-child(3) {
  left: 110px;
  top: 55px;
}

li:nth-child(4) {
  left: 60px;
  top: 55px;
}

li:nth-child(5) {
  left: 35px;
  top: 95px;
}

li:nth-child(6) {
  left: 85px;
  top: 95px;
}