Задать вопрос

В чем ошибка данного способа?

Увидел на одном собесе маленькое задание и решил для себя его повторить:
У нас есть список с разными лишками и в каждой из них хранится какой-то текст, мне при клике на ли нужно чтоб в отдельный див выводился текст из этой ли:
<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))


В чем моя ошибка ?
  • Вопрос задан
  • 330 просмотров
Подписаться 3 Простой 2 комментария
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 1
vaxotivadze
@vaxotivadze
Full stack web developer
const ul = document.querySelector('ul'),
      result = document.querySelector('h4');

const showFn = (e) => {
  const curEl = e.target;
  if (curEl.tagName === 'LI') {
    result.textContent = curEl.textContent;
  }
}

ul.addEventListener('click', showFn);
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы