title: Making XMLHttpRequest function with eventListener doesn't work
body: <p>I've started learning xml and I have a problem with XMLHttpRequest. Can someone tell me what am I doing wrong?
  Why this works?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function load_hendler() {
    if (this.status == 200 &amp;&amp; this.readyState == 4) {
      console.log(this.responseXML)
    }
  }
  const xhr = new XMLHttpRequest()
  xhr.onload = load_hendler
  xhr.open("GET", "./students.xml")
  xhr.send()</code></pre>
  </div>
  </div>
  </p>
  <p>...but this don't</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function xhr_general_request() {
    const xhr = new XMLHttpRequest()
    xhr.onload = () =&gt; {
      if (xhr.status == 200 &amp;&amp; xhr.readyState == 4) {
        console.log(this.responseXML)
      }
    }
    xhr.open("GET", "./students.xml")
    xhr.send()
  }</code></pre>
  </div>
  </div>
  </p>