JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="buscador" /><button id="buscar">Buscar</button><br/>
<span id="resultados"></span> resultados.
<hr/><div id="consola"></div>
<input id="pagina" type="text" disabled="true" size="1" value="1" />
<button id="primero">&lt;&lt;</button>
<button id="anterior">&lt;</button>
<button id="siguiente">&gt;</button>
<button id="ultimo">&gt;&gt;</button>

CSS

#consola{ border:1px solid black;}

JavaScript

var datos = [["Daniel_1",35],
                ["Luis_2",42],
                ["María_3",19],
                ["Damian_4",51],
                ["Dario_5",99],
                ["María_6",21],
                ["David_7",28],
                ["Manuel_8",28],
                ["Mario_9",26]];

var buscarNombre = [];
var limiteResultados=4;
var pagActual=0;

var div, txtPpagina, btnPrimera, btnAnterior, btnSiguiente, btnUltima, txtBuscar, btnBuscar, txtResultados;

function numeroPaginasTotal(){
    return Math.ceil(buscarNombre.length/limiteResultados)-1;
}

function mostrarResultados(pagina){
    var res=[];
    var ini=pagina*limiteResultados;
    var fin=Math.min(buscarNombre.length, ini+limiteResultados);
    pagActual=pagina;
    for (;ini<fin;ini++)
    {
        res.push(buscarNombre[ini][0]+" "+buscarNombre[ini][1]);
    }
    div.innerHTML=res.join("<br/>");
    txtPpagina.value=pagina+1;
    btnPrimera.disabled=(pagina==0);
    btnAnterior.disabled=(pagina==0);
    btnSiguiente.disabled=(pagina==numeroPaginasTotal() || buscarNombre.length==0);
    btnUltima.disabled=(pagina==numeroPaginasTotal() || buscarNombre.length==0);
}

function filtrarResultados(){
    var cadena=txtBuscar.value.toLowerCase();
    var n = datos.length;
    buscarNombre = [];
    for (var i=0;i<n;i++)
    {
        if (datos[i][0].toLowerCase().indexOf(cadena)>=0)
        {
            buscarNombre.push(datos[i]);
        }
    }
    txtResultados.innerHTML=buscarNombre.length;
    mostrarResultados(0);
}

window.onload=function(){
    txtPpagina = document.getElementById("pagina");
    div = document.getElementById("consola");
    btnPrimera = document.getElementById("primero");
    btnAnterior = document.getElementById("anterior");
    btnSiguiente = document.getElementById("siguiente");
    btnUltima = document.getElementById("ultimo");
    
    txtBuscar = document.getElementById("buscador");
    btnBuscar = document.getElementById("buscar");
    txtResultados =...