Estoy haciendo un paginador de datos, pero ya me atoré. Tengo dos problemas. Quiero que salte de 10 en 10 elementos y lo hace de 20 en 20, no se por qué. Necesito ponerle un límite, o sea que no me traiga todos a partir de un índice dado, si no que me traiga apartir de dicho índice sólo 10, o lo que se marque como tamaño de la página, pero me sigue trayendo todo.
Estoy un poco confundido con array.slice
dejo un ejemplo de lo que tengo hecho.
const arr = Array.from( Array( 100 ).keys() );
let currentPage = 0;
const pageSize = Number( document.getElementById('pagesize').value ) || 10;
const change = ( num ) => {
currentPage += num;
if( currentPage < 0 ) {
currentPage = 0;
} else if ( currentPage > Math.ceil( ( arr.length / pageSize ) ) ) {
currentPage = Math.ceil( ( arr.length / pageSize ) );
} else {
currentPage += num;
}
document.getElementById('result').innerHTML = arr.slice( ( pageSize * currentPage ) );
};
<input id="pagesize" value="10">
<button onClick="change(-1)">Menos</button>
<button onClick="change(1)">Más</button>
<div id="result"></div>