JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" id="file">
<table id="table">
  <tr>
    <td id="speed"></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td id="weigth"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td id="tall"></td>
  </tr>
  <tr>
    <td></td>
    <td id="age"></td>
    <td></td>
  </tr>
</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 col = result[s].split(';');
            document.getElementById(col[0]).innerHTML = col[1];
          }
        }
      }
      reader.readAsText(f);
    }
}