AJAX calls using vanilla JavaScript and jQuery

ajax.js

(function(){
  
var httpRequest, root;

root = 'https://jsonplaceholder.typicode.com'; // URL for JSON data
  
document.querySelector('.ajaxButton').addEventListener('click', makeRequest);

function makeRequest() {
    httpRequest = new XMLHttpRequest();

    if(!httpRequest){
        console.log('Cannot create XMLHTTP isntance');
        return fales;
    }
    httpRequest.onreadystatechange = consoleContents;
    httpRequest.open('GET', root + '/posts'); // GET, POST.. 
    httpRequest.send();
}

function consoleContents(){
    if(httpRequest.readyState === XMLHttpRequest.DONE){
        if(httpRequest.status === 200){
            console.log(httpRequest.responseText); // responseText is your result.
        } else {
            console.log('There was a problem with the request');
        }
    }
}

})();


/******
***** jQuery Method *****
*****/

function getPost(){
    $.ajax({
        url: 'https://jsonplaceholder.typicode.com/posts',
        method: 'GET',
        success: function(data){
            console.log(data);
        },
        error: function() {
            console.log('Error');
        }
    });
}