Brian Kidd

Web and Multimedia Developer

Learn More →
Brian Kidd

List Pagination and Filtering

This program dynamically paginates a list of students in the HTML by using progressive enhancement, which allows the page to render even if JavaScript is disabled. The pagination links and search box features were created by unobtrusive JavaScript within the JS directory for DOM manipulation, and the number of pagination links changes dynamically depending on the number of students in the directory. The search box filters the student directory in real time with a keyup event listener, making searches faster and more user friendly.

  • JavaScript
  • HTML
  • CSS
Live DemoGitHub Repo