Load more feature for any HTML element containing multiple childnodes.

loadMore.js

let init = (el) => {
    var container = document.getElementsByClassName(el)
    let list = container[0].children
    const defEl = 2
    let def = defEl
    Array.from(list).forEach(e => e.style.display = "none")
    return () => {
      let a = false
      Array.from(list).forEach((e, i) => {
        console.log({ i, def })
        if (i < def) {
          e.style.display = "block"
          a = true
        }

      })
      if (def > Array.from(list).length - 1) document.querySelector('.load-more-btn a').style.display = "none"

      def = def + defEl
    }
  }

// Init with the parent class
  const paginate = init('bolgList')
  paginate()
// Loadmore button reference inside the querySelector. 
  document.querySelector('.load-more-btn a').onclick = () => {
    paginate()
  }

Cool, loadmore feature.