title: InnerText from event.target event not returning the text from target
body: <p>I am trying to access only the text from an event.target but using innerText does not return the text. It returns undefined or blank.</p>
  
  <p>Here's what I've tried.</p>
  
  <pre><code> function init(){
              document.getElementById('fileInput').addEventListener('change', handleFileSelect); //'change' refers to when the file changes, 2nd argument calls function
          }
  
          function handleFileSelect(event){
              const reader = new FileReader();
              reader.onload = (evt)=&gt;{
                  console.log(evt.target.result);
                  // console.log(evt.target.result.innerText);
                  document.getElementById('fileContent').textContent = evt.target.result;
              };
              reader.onerror = ()=&gt;{
                  console.log("ERROR READING FILE");
              };
              reader.readAsText(event.target.files[0]); //takes only the first element (file) uploaded
  
          }
  
          window.onload = init; //when everything loads
  
  </code></pre>
  
  <p>I have also tried </p>
  
  <pre><code>console.log(evt.target.innerText) 
  </code></pre>
  
  <p>But still does not work. Does anyone know why?</p>