Добрый вечер, имеется задача, при нажатии на кнопку получать текст из .parent__text и вставлять в val инпута, загвоздка в том что количество кнопок .parent__btn в .parent__list может варьироваться не известно в каком количестве, но parent__text у .parent всегда один. Для меня это является весьма сложной задачей, надеюсь на помощь.
Пример вёрстки
<div class="container">
<div class="parent">
<div class="parent__text">Получить 1</div>
<ul class="parent__list">
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
</ul>
</div>
<div class="parent">
<div class="parent__text">Получить 2</div>
<ul class="parent__list">
<li class="parent__item">
<button class="parent__btn"></button>
</li>
</ul>
</div>
<div class="parent">
<div class="parent__text">Получить 2</div>
<ul class="parent__list">
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
<li class="parent__item">
<button class="parent__btn"></button>
</li>
</ul>
</div>
</div>
const btn = document.querySelectorAll("parent__btn");
const parent = document.querySelectorAll("parent");
const btnText = parent.textContent;