Coverting from jquery to javascript

Sure. What part are you having trouble converting? Or are you just looking for someone to do the job for you?

Or are you just looking for someone to do the job for you?

😂

Harsh but true.

This site might help you :)

http://youmightnotneedjquery.com/

Great site. Thanks @sinnbeck

working with event handler is easy the only thing i field doing is javascript with ajax this part

function fetch_data(page){
            $.ajax({
                url: '/pagination/fetch_browsergames_data?page='+page,
                success: function(data){
                    $("#games_content").html(data);
                    $('html, body').animate({scrollTop : 0},1000);
                    var lazyLoadInstance = new LazyLoad({
                        elements_selector: ".lazy"
                        // ... more custom settings?
                    });
                    $(".page-loader").addClass('page-loader-hidden');
                }
            })
        }

and no am not looking for someone to do all for me, and i was already trying to do it myself before posting this Q and after searching on google and so on to know how to handle how to work with event lessenor and also work with js and ajax the event lessener part was easy but the ajax part was really confussing and i could'nt get it.

Here is an example :)

function fetch_data(page){
var request = new XMLHttpRequest();
request.open('GET', '/pagination/fetch_browsergames_data?page='+page,, true);

request.onload = function() {
  if (this.status >= 200 && this.status < 400) {
    // Success!
    var data = JSON.parse(this.response);
//redo the next part with javascript.
$("#games_content").html(data);

                    $('html, body').animate({scrollTop : 0},1000);
                    var lazyLoadInstance = new LazyLoad({
                        elements_selector: ".lazy"
                        // ... more custom settings?
                    });
                    $(".page-loader").addClass('page-loader-hidden');
  }
};
request.send();

fetch('/pagination/fetch_browsergames_data?page='+page)
    .then(function (data) {
        document.querySelector('#games_content').innerHtml = data;
        var lazyLoadInstance = new LazyLoad({
                        elements_selector: ".lazy"
                        // ... more custom settings?
                    });
        document.querySelector('.page-loader').classList.add('page-loader-hidden');
    });

Be aware that fetch does not work in older browsers. If that isnt a problem that would be a nice alternative :)

https://caniuse.com/#feat=fetch vs https://caniuse.com/#feat=mdn-api_xmlhttprequest

Thanks @sinnbeck

now am getting this error

VM92:1 Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at XMLHttpRequest.request.onload (browser-games?page=2:1152)

and this is the source

// Success!
    var data = JSON.parse(this.response);