JSFiddle - React, Tailwind, and code Playground

HTML

<p id="paragraph"></p>
<lable id="test"></lable>
<br/>
<br/>
<input type="text" id="test1"/>
<br/>
<br/>
<select id = "myList"/>

JavaScript

var blob = new Blob(["this is my firts blob"],{type:"text/plain"});
var file = new FileReader();

file.addEventListener("loadend", function(e){
document.getElementById("paragraph").innerHTML = e.srcElement.result;
document.getElementById("test").innerHTML= e.srcElement.result;
document.getElementById("test1").value=e.srcElement.result;
document.querySelector("#myList").value= "No Value";

});


file.readAsText(blob);