Pagination With Vanilla JavaScript

Поделиться
HTML-код
  • Опубликовано: 25 дек 2024

Комментарии • 31

  • @saalimmushtaq3472
    @saalimmushtaq3472 2 года назад +1

    This is probably the most easiest way of doing pagination,thank you very much!

  • @miramontezluis256
    @miramontezluis256 4 года назад +2

    Clean, direct and quick, thank you very much!

    • @colsonangelo8202
      @colsonangelo8202 3 года назад

      I realize it is quite off topic but does anybody know of a good site to watch new series online?

  • @arhabersham
    @arhabersham 4 года назад +4

    Javascript starts at 7:00 :)

  • @MrCharlypesc
    @MrCharlypesc 3 года назад +1

    Plain and simply!! Thnks

  • @sad-jx2uw
    @sad-jx2uw 4 года назад

    Nice tutorial keep it up!

  • @Cappell7
    @Cappell7 3 года назад +1

    What extension do you use to automatically put the semi colons ?

    • @ConorBailey
      @ConorBailey  3 года назад

      Hey Louis.I think it was ‘prettier’. A vs code extension. Cheers

  • @오혜진-e8x
    @오혜진-e8x 2 года назад

    thanks Bailey

  • @pratikvaishya217
    @pratikvaishya217 2 года назад

    Hey,
    Can you make video on pagination for dynamic table using javacript only?
    Where once user submit form data the data should display in dynamic table with pagination

  • @TrungNguyen-iw8gb
    @TrungNguyen-iw8gb 4 года назад +1

    Thanks for the video. Just noticed that the codes do not work in the case, where there are 11 (or 12, 13..) items per page. See the errors in the console.log.

    • @ConorBailey
      @ConorBailey  4 года назад

      hey Trung. Thanks for your comment. You're right, I didn't take this into account when the video was made. I will remake this video with an update. What you will need to do is determine that the listArray[i] is not equal to undefined prior to appending it to the tasklist. See following code:

    • @ConorBailey
      @ConorBailey  4 года назад +3

      For (let i = 0; i < page + 10; i++){
      If(arrayList[i] != undefined){
      taskList.appendChild(arrayList[i])
      ;
      }
      }

    • @ConorBailey
      @ConorBailey  4 года назад

      Hope this helps you out.

  • @peteryu4353
    @peteryu4353 3 года назад

    Hi, will this be used with an API? Like for a cooking recipe API? I am new to API and I see how to load a single page but can't find anything on API pagination.

    • @KingKongHitDaBong
      @KingKongHitDaBong 2 года назад

      did you find a solution im having the same issue

    • @fxcanva6284
      @fxcanva6284 2 года назад

      Hey you can assign api data into a variable.
      And you can use that variable as an array and follow the rest.

    • @KingKongHitDaBong
      @KingKongHitDaBong 2 года назад +1

      @@fxcanva6284 Ahh i see very clever!

    • @fxcanva6284
      @fxcanva6284 2 года назад

      @@KingKongHitDaBong hehe. I saw some tutorial on it and it works when i tried. If it works then it works. 😂

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 года назад

    Hello bro
    Long time since you published new content.
    When are you back?

    • @ConorBailey
      @ConorBailey  3 года назад +1

      Hey mate. Thanks for your message. Will post a new tut this weekend!

    • @Uncaught_in_promise
      @Uncaught_in_promise 3 года назад

      @@ConorBailey you have amazing tuts

  • @tuhidulislammridul3126
    @tuhidulislammridul3126 4 года назад

    thank you sir

  • @JITENDRAPAL-lp5hp
    @JITENDRAPAL-lp5hp 4 года назад +1

    can i have the code of this video?

  • @theoligarchist1503
    @theoligarchist1503 4 года назад +1

    i saw one video being destroyed by CSS and this one by tiny fonts.

    • @ConorBailey
      @ConorBailey  4 года назад +1

      Thanks for the comment. Which css video? I still need to work on my css so any tips you can provide would be awesome. Cheers

    • @theoligarchist1503
      @theoligarchist1503 4 года назад

      @@ConorBailey this video ruclips.net/video/IqYiVHrO2U8/видео.html
      as a newbie that CSS got in my way, some teachers just dont understand that newbies cant take all that alien crap.

    • @ConorBailey
      @ConorBailey  3 года назад

      @Paul Maximus hey mate. Think it’s getting there. Been working on smooth scrolling lately so will be posting a video soon. You ever thought about doing some RUclips videos yourself? Also.. bet you’re loving Utd being top of the league at the moment. Need city to knock you off your perch 😂

    • @ConorBailey
      @ConorBailey  3 года назад

      @Paul Maximus Yeah mate defo not the same without crowds.Although football has kept me sane during the lockdown (even though im a gooner). I have never really given UFC a go to be honest. Can't stand Conor McGregor haha. From what i've seen he talks too much, gets overhyped massively, loses his fight and then "retires". Yes mate I know what you mean. I hate it when i see 30 + hour courses. It does get boring and repetitive. Just got to keep it interesting by building your own projects on the side. Thats why the yt thing keeps me motivated as i like to share what im learning... and its nice to see the channel growing. I use screenflow. I bought it a couple of years ago but i think OBS does exactly the same thing for free...... Haha yeah thats was me. I used to love drumming but coding kinda took over. I got bored and stressed playing gigs, lugging all my drums around etc...

    • @theoligarchist1503
      @theoligarchist1503 3 года назад

      @Paul Maximus not everyone is super rich to watch in HD