JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file">
<table id="table"></table>

JavaScript

var fileInput = document.querySelector('input[type="file"]');
var table = document.getElementById('table');
var tableIn = '';


if(window.File && window.FileReader && window.FileList && window.Blob)
{
  fileInput.addEventListener('change', read, false);
}

function read(evt)
{
		var reader = new FileReader();
    var files = evt.target.files;
    for (var i = 0, f; f = files[i]; i++)
    {
			reader.onload = function(event)
      {
      	var result = event.target.result;
       	result = result.split('\n');
        for(var s in result)
        {
        	if(result[s].length)
          {
          	var tr = document.createElement('tr');
            var col = result[s].split(';');
            for(var n in col)
            {
            	var td = document.createElement('td');
              td.innerHTML = col[n];
              tr.appendChild(td);
            }
            table.appendChild(tr);
          }
        }
      }
      reader.readAsText(f);
    }
}