<div class="wrapper">
  <div class="show" id="1">Н</div>
  <div class="show" id="2">А</div>
  <div class="show" id="3">З</div>
  <div class="show" id="4">В</div>
  <div class="show" id="5">А</div>
  <div class="show" id="6">Н</div>
  <div class="show" id="7">И</div>
  <div class="show" id="8">Я</div>
</div>

div.wrapper {
  display: flex;
}
.show {
  background-color: #EEE;
  cursor: pointer;
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #CCC;
  line-height: 30px;
  margin: 2px;
}
.show:hover {
  background-color: #FFF;
}

document
  .querySelector('.wrapper')
  .addEventListener('click', ({ target }) => target.closest('.show').remove());