AJAX request for a TXT file - Write text in a specific div

app.js

var btn = document.getElementById('button');

btn.addEventListener('click', loadText);

function loadText(){

    //Create XHR Object
    var xhr = new XMLHttpRequest();
    
    //OPEN - type, url/file, async

    xhr.open('GET', 'sample.txt', true);

     xhr.onreadystatechange = function(){
        console.log('READYSTATE: ', xhr.readyState);
        if(this.readyState == 4 && this.status == 200){
            document.getElementById('text').innerHTML = this.responseText;
        }else if(this.status == 404){
            document.getElementById('text').innerHTML = 'File Not Found';
        }
    } 

    xhr.onerror = function(){
        console.log('Request Error ...');
    }

    //Sends request
    xhr.send();
}