Почему пишет undefined?

Question

[Владислав Калнаус]

Есть кусок кода к примеру

<ul class="flex metal">
<li class="metal_item gold active">Золото</li>
<li class="metal_item silver">Серебро</li>
</ul>

Мне надо взять значения класса active и запихнуть его в input

if (e.target.classList.contains('order')) {
e.preventDefault()
var metal = document.querySelectorAll('.metal .active')
var text = metal.innerText
var orderModal = document.querySelector('.order_modal');
orderModal.classList.add('active');
ovr.classList.add('active')
	}

Когда пытаюсь взять Текст класса актив, мне выдает undefined, но если через консоль вывожу просто "metal" то он мне показывает этот Node элемент и в списке есть как раз innerText, но значение так и не берет

Answer 1

[gracer]

Document.querySelectorAll()

Возвращает объект типа NodeList, содержащий все найденные элементы в том порядке, в котором они находятся в документе.

var text = metal[0].innerText

Comments

[Владислав Калнаус]

Благодарю. Это называется надо лучше читать документацию )