Javascript dinamización de tabla por ajax desde una api y modificar nodos al seleccionar elemento (Javascript Vanilla)

En este ejemplo muestro como dinamizar una tabla realizando peticiones ajax paginadas a una api que nos proveerá los datos para rellenar la tabla.

 

También muestro como modificar el dom usando los datos obtenidos al pulsar sobre uno de los elementos de la tabla.

Utilizo javascript puro (javascript vanilla) sin librerías externas.

El vídeo dónde explico el código es el siguiente:
https://www.youtube.com/watch?v=8PKWfUlDVSM

 

El código del vídeo lo puedes encontrar en codepen:
https://codepen.io/fryntiz/pen/BaYzKVX

Las peticiones a la api las realizo con "fetch" y utilizo la siguiente api gratuita que encontré por internet:
https://reqres.in/

#javascript #javascriptvanilla #api #ajax #fetch #tabla #opensoftware