DOM элементтерінің деректерін JavaScript-те алу

Деструктуризация бізге DOM-ның мәтіні мен атрибуттарының мәндерін тікелей цикл ішінде алуға мүмкіндік береді. Бұның қалай жұмыс істейтінін қарастырайық. Бізде келесі абзацтар бар делік:

<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>

Осы абзацтардың жиынтығын айнымалыға алайық:

let elems = document.querySelectorAll('p');

Элементтерді циклмен айналып шығып, нөмірлер мен элементтердің өздерін бөліп алайық:

for (let [key, elem] of elems.entries()) {
	console.log(key, elem);
}

Енді элементтерге деструктуризация жасап, олардан өздерінің id және мәтіндерін алайық:

for (let [key, {id, textContent}] of elems.entries()){
	console.log(key, id, textContent);
}

Келесі код берілген:

<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">

Енгізу өрістерінің нөмірлерін, id және value мәндерін алыңыз.