展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

前一步與本步驟沒有實質差異。

本步驟不需修改此語言。

  if (getFilteredProducts().length === 0) {
  info.textContent = `第 ${page} 頁`;
function updateControls() {}
  page -= 1;
  render();
  page += 1;
  render();

function getTotalPages() {
  return Math.ceil(getFilteredProducts().length / pageSize);
}
  const totalPages = getTotalPages();
  if (totalPages === 0) {
    page = 0;
  page = Math.min(Math.max(page, 1), totalPages);
  info.textContent = `第 ${page} / ${totalPages} 頁`;
function updateControls() {
  const totalPages = getTotalPages();
  prev.disabled = totalPages === 0 || page <= 1;
  next.disabled = totalPages === 0 || page >= totalPages;
}
  if (page > 1) {
    page -= 1;
    render();
  }
  if (page < getTotalPages()) {
    page += 1;
    render();
  }

本練習沒有這個檔案。

本步驟不需修改此語言。

1. 準備

   先重新整理本階段頁面，記住目前畫面，再開始操作。

2. 操作

   到第一頁與最後一頁確認邊界；再輸入不存在的關鍵字，確認顯示無結果、第 0 / 0 頁且兩個按鈕都停用。

3. 預期

   首末頁按鈕正確停用，空資料不會顯示第 1 / 0 頁