crea una lista de elementos input de tipo text, luegodevuelve los id de cada elemento de la lista in javascript

Para crear una lista de elementos input de tipo texto en HTML, podemos utilizar el siguiente código:

<div id="text-input-list">
  <input type="text" id="input-1">
  <input type="text" id="input-2">
  <input type="text" id="input-3">
  <input type="text" id="input-4">
  <input type="text" id="input-5">
</div>
209 chars
8 lines

Este código crearía una lista de elementos input de tipo texto con 5 elementos. Cada elemento tiene un atributo id que le da un identificador único.

Para obtener los id de cada elemento de la lista en JavaScript, podemos utilizar el siguiente código:

index.tsx
const inputList = document.querySelectorAll('#text-input-list input[type="text"]');

const idList = Array.from(inputList).map((element) => {
  return element.id;
});

console.log(idList);
188 chars
8 lines

Este código selecciona todos los elementos input de tipo texto dentro del elemento con id "text-input-list" utilizando el método querySelectorAll(). Luego, utiliza el método map() para recorrer cada elemento de la lista y devolver su id. Finalmente, los id se almacenan en una nueva lista llamada idList. Podemos imprimir esta lista en la consola utilizando el método console.log().