JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pages"></div>

JavaScript

updatePageLinks(5, 50);

function print(value) {
    $('#pages').append("<a href='#'>"+value+"</a> ");
}

function updatePageLinks(current, allPages) {
    if(allPages==0) return;
    if(current>1)print("<");
    print(1);
    if(current>2) {
        print("...");
        if(current===allPages&&allPages>3)
            print(current-2);
        print(current-1);
    }
    if(current!=1&&current!=allPages)
        print(current);
    if(current<allPages-1) {
        print(current+1);
        if(current==1&&allPages>3)
            print(current+2);
        print("...");
    }
    print(allPages);
    if(current<allPages)
        print(">");
}