csv to table

Convert csv data to table. In response to SO question: https://stackoverflow.com/questions/45209280/javascript-i-want-help-to-convert-csv-input-in-textarea-to-dynamic-table

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<body align="center">
    <div id="progress">
      <div id="progressbar"></div>
    </div>
  <h3 align="center"><b>Input CSV</b></h3>


  <p align="center">
    <textarea rows="10" cols="50" name="csv" id="textarea"></textarea>
  </p>
  <br>

  <button type="button" id="convert" onclick="myFunction()">Convert</button>
  <br>
  <br>


  <div id="team"></div>

</body>

CSS

#progress {
      padding: 3px;
    }
    
    #progressbar {
       background-color: orange;
       width: 0%; /* Adjust with JavaScript */
       height: 20px;
       border-radius: 8px;
    }

JavaScript

function myFunction() {
          var tbl = "<table class='table table-responsive table-bordered table-striped'><tbody>"
          var lines = document.getElementById("textarea").value.split("\n");
          for (var i = 0; i < lines.length; i++) {
            tbl = tbl + "<tr>"
            var items = lines[i].split(",");
            for (var j = 0; j < items.length; j++) {
              tbl = tbl + "<td>" + items[j] + "</td>";
            }
            tbl = tbl + "</tr>";
          }
          tbl = tbl + "</tbody></table>";
          var divTable = document.getElementById('team');
          console.log(tbl);
          divTable.innerHTML = tbl;


        }