https://tabla-paginada.netlify.app/

1. Creo archivo index.html con template html de Bootstrap

2. Creo estructura de Tabla y Paginación, boton onclic para cambiar de páginas:

3. Creo carpeta js con archivos:

1. js

• api-fetch.js
• app.js

4. Agrego script como tipo MODULO al index.html:

<script type="module" src="./js/app.js"></script>

5. En el archivo api-fetch.js llamo a la url fake de productos e importo la data:

6. En el archivo app.js recibo la data, la reviso por consola:

7. Traigo elemento cuerpo de la tabla desde index.html mediante su ID:

const cuerpoTabla = document.querySelector("#cuerpo-tabla");

8. Creo las variables de paginación:

9. Creo constante cargarProductos:

10. Creo constante cargarItemPaginacion con condicional ternario para marcar página activa:

11. Creo constante modificarProductos y opciones de Paginación: