JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="open" enctype="multipart/form-data" />
<div id="board" contenteditable = "true">
paste the chosen text file here
</div>

CSS

#board{
    width: 400px;
    height: 200px;
    border: 1px solid #000;
}

JavaScript

$('#open').addEventListener('change', getTextFile, false);

function getTextFile (e) {
     var files = e.target.files;
     var file = files[0];           
     var reader = new FileReader();
     reader.onload = function() {
     console.log(this.result);            
     }
     reader.readAsText(file)
}