JavaScript-頁數總結點擊出現空值

1.經過上一次的頁數總結還是有問題，在於點擊頁數時會點到父元素讓筆數產生空值。
2.另外一個假設點到不是頁數卻還是數字生成筆數的迴圈會再亂跑，以防萬一在這裡設一個判斷式。
3.在生成for迴圈的頁數裡面的a設一個class為page，之後在監聽裡面加一個判斷式，判斷點擊不是page的時候執行return。
4.讓點擊頁數時不會出現空值或是筆數亂跳。

//利用for迴圈印出每六筆為一頁數
for(var i = 1; i<=pages; i++){
   var a = '<a href="#" class="page">'+i+'</a>';
   page_str +=a;
   container_page.innerHTML=page_str;
}

container_page.addEventListener('click',function(e){
  var button_page_className = e.target.className;
  
  console.log(button_page_className);//測試用
  if(button_page_className !== 'page'){//點擊到父元素執行return
    console.log('偵測到別的元素');
    return;
  }
});

codepen