JSFiddle - React, Tailwind, and code Playground

by extempl

HTML

<input type=file id=id />

JavaScript

const fileInput = document.getElementById("id");
fileInput.addEventListener('change', (e) => {
var file =e.target.files[0];
if (file) {
    var reader = new FileReader();
    reader.readAsText(file, "UTF-8");
    reader.onload = function (evt) {
        db = JSON.parse(evt.target.result);
console.log(db)
    }
    reader.onerror = function (evt) {
        document.getElementById("fileContents").innerHTML = "error reading file";
    }
}
})