[筆記] JavaScript Disabled 屬性 @地瓜大的飛翔旅程

章節連結

實作步驟
參考資料

運用 JavaScript 幫表格或是按鈕加上 Disabled 屬性，來管理使用者的行為。

實作步驟

1. HTML 部分 – 先載入要作用的按鈕或是表單，這裡採用 Bootstrap 的按鈕為例。

<!--Button-->
<button class="btn btn btn-primary my-2 my-sm-0" type="submit" id="more">載入更多選擇</button>

1 2	<!--Button--> <button class="btn btn btn-primary my-2 my-sm-0" type="submit" id="more">載入更多選擇</button>

2. JavaScript 部分

const more = document.querySelector('#more')

// 監聽按鈕，若Google Map 沒有下一頁20筆資料，則按鈕關閉作用
more.addEventListener('click', event => {
      event.preventDefault()
      if (pagination.hasNextPage) {
        sleep: 2;
        pagination.nextPage()
      } else {
        more.disabled = true
      }
})