HITO 2 funcion Render Items en view.js

[JaviFerradaDev]

Renderización den view.js para visualización de datos e imágenes en proceso me amanecí :( por sino llego a contestar en slack ,Javiera podrías ir avanzando en main.js :)

[JaviFerradaDev]

3. Implementación de la visualización de datos

• [x] Asegurarnos de que las importaciones de datos y la función renderItems estén configuradas correctamente en el archivo src/main.js
• [x] Llamar a la función renderItems en src/main.js y pasar los datos como argumento
• [ ] Utilizar <rconsole.log para verificar si los datos se están pasando correctamente a la función renderitems.

[JaviFerradaDev]

4. Desarrollo de la función “renderItems"

• [ ] En el archivo src/view.js, crear la función renderItems.
• [ ] Comprobar que la función renderItems reciba los datos como parámetro.
• [ ] Dentro de la función, crear un elemento
  utilizando "createElement".

[JaviFerradaDev]

4. Desarrollo de la función “renderItems"

• [x] En el archivo src/view.js, crear la función renderItems.
• [ ] Comprobar que la función renderItems reciba los datos como parámetro.
• [x] Dentro de la fx, crear un ul utilizando createElement.
• [x] Usar un bucle o métodos de array como forEach o map para recorrer los datos.
• [x] Por cada elemento de los datos, crear un elemento li y agregarlo al ul utilizando innerHTML, appendChild, u otro método.
• [x] Devolver el elemento ul

No sé por qué me queda tan feo el formato :( Ya lo arreglé jejeje

[JaviFerradaDev]

5. Visualización de datos en la interfaz:

• [ ] Utilizar un selector del DOM para seleccionar el elemento HTML donde se mostrarán los datos.
• [ ] Utilizar innerHTML o appendChild para colocar el resultado de la invocación de renderItems en el elemento seleccionado.

[JaviFerradaDev]

6. Aplicación de estilos:

• [ ] Implementar una cuadrícula adaptable a diferentes dispositivos utilizando Flexbox.
• [ ] Usar la propiedad flex y considerar el uso de wrap para manejar múltiples filas o columnas (una opción).

[JaviFerradaDev]

7. Verificación de pruebas:

• [ ] npm run test:oas-html
• [ ] npm run test:oas-css
• [ ] npm run test:oas-web-api
• [ ] npm run test:oas-js