Cant figure out how create function for unit 2 project List Pagination and Filtering.

Question

So for the first function it asks to show 10 students per page and once you move to the next page it loads the next 10. I can get the first page to load 10, but i feel like my logic is still wrong. I'm really confused and I've been stuck on this for a couple of days now.

example code:

const showPage = (list, page) => {
/*
Loop over items in the list parameter
-- If the index of a list item is >= the index of the first
item that should be shown on the page
-- && the list item index is <= the index of the last item
that should be shown on the page, show it
*/
}

my code:

const studentList = document.querySelector(".student-list");
const studentItem = studentList.children;
const showPage = (list, page) => {
  list = studentItem;
  studentsPerPage = 10;
  pagesPerStudents = studentItem.length / 10;
  console.log(page);
  for (let i = 0; i < list.length; i++) {
    if (i >= studentsPerPage) {
      list[i].style.display = "none";
    }
  }
};
showPage();

Answer 1 · 2019-04-15T21:51:17Z

April 15, 2019 9:51pm

You're getting close, but you have a little work yet to do.

It looks like you pass in a page number ("page"), but it doesn't get used for anything except logging to the console. You'd probably want to use it in determining which items to conceal using the "display" property.

Also, unless it's done elsewhere in code not shown here, you may need to include some code to reveal items previously hidden when a different page is selected.

Perhaps thinking of it this way will help: for any given page, you may have a certain number of items to hide, then one page full to show, and then any beyond that should also be hidden.

Give it another shot with that in mind and write again if you still have trouble.

Welcome to the Treehouse Community

Looking to learn something new?

Joseph Escobedo

Joseph Escobedo

Cant figure out how create function for unit 2 project List Pagination and Filtering.

1 Answer

Steven Parker

Steven Parker