Something similar to dank memer I've been trying on how can we achieve where we can make a select menu for selecting categories and buttons to navigate through pages of those categories, the content in each category is an array. If someone could guide me, that'd be great! I have these two array's

const animals = ["Aardvark","Albatross","Alligator","Alpaca","Ant","Anteater","Antelope","Ape","Armadillo","Donkey","Baboon","Badger","Barracuda","Bat","Bear","Beaver","Bee","Bison","Boar","Buffalo","Butterfly","Camel"]

const tests = ["test1", "test2", "test3", "test4", "test5", "test6", "test7"]

So what I'm looking for is on how do I make the animal and tests to show in a select menu, and on selecting the animal category the animal array should be divided into pages with let's say 15 items per page, and user can navigate through them through buttons as shown in the image Similarly if user selects the tests array, the array contents should divide into pages with 15 elements per page and a button to navigate through those pages