Увидел на одном собесе маленькое задание и решил для себя его повторить:
У нас есть список с разными лишками и в каждой из них хранится какой-то текст, мне при клике на ли нужно чтоб в отдельный див выводился текст из этой ли:
<ul>
<li>Apple</li>
<li>Pear</li>
<li>Orange</li>
</ul>
<div class="result">
<h4></h4>
</div>
const ul = document.querySelectorAll('ul'),
result = document.querySelector('h4');
const showFn = (e) => {
const curEl = e.currentTarget;
result.innerHTML = curEl;
}
ul.forEach(elem => elem.addEventListener('click', showFn))
В чем моя ошибка ?