JSFiddle - React, Tailwind, and code Playground

by Rodrigo Portillo

HTML

<input id="arquivinho" type="file" onchange="lerBichinho()" accept="application/JSON"/>
<br/>
<textarea id="pegueOsDadosDaqui"></textarea>

CSS

textarea{
    width: 350px;
    height: 250px;
    border: 2px solid blue;
}

JavaScript

lerBichinho = ()=> {
   	const file = document.querySelector('#arquivinho').files[0];
 		const reader = new FileReader();
   	reader.readAsText(file);
    reader.onload = () => {
    	 document.querySelector("#pegueOsDadosDaqui").value = reader.result;
    };
    reader.onerror = error => reject(error);
}