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:
- 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:
