<ul>
    <li>Apple</li>
    <li>Pear</li>
    <li>Orange</li>
  </ul>

<div class="result">
    <h4></h4>
  </div>

const li = document.querySelectorAll('li'),
      result = document.querySelector('h4');

const showFn = (e) => {
  const curEl = e.currentTarget;
  result.innerHTML = curEl.innerHTML;
}

li.forEach(elem => elem.addEventListener('click', showFn))