JSFiddle - React, Tailwind, and code Playground

by Bruno AM

HTML

<h1>Consulta Número</h1>
<p>Descubra a operadora atual de qualquer número, celular ou telefone fixo!</p>

<script>
    function importacao(){
        var c = document.getElementById('CSVsaida').children;
    c[1].style.backgroundColor = "yellow";
    }

// Importação de arquivos txt
    var leitorDeCSV = new FileReader();

    window.onload = function init() {
      leitorDeCSV.onload = leCSV;
    }

    function pegaCSV(inputFile) {
      var file = inputFile.files[0];
      leitorDeCSV.readAsText(file);
    }

    function leCSV(evt) {

      var fileArr = evt.target.result.split('\n');
      var strDiv = '';

      for (var i = 0; i < fileArr.length; i++) {
        strDiv += '<br>';
        var fileLine = fileArr[i].split(',');
        for (var j = 0; j < fileLine.length; j++) {
          strDiv += fileLine[j].trim();
        }
        //strDiv += '</br>';
      }

      strDiv += '';

      var CSVsaida = document.getElementById('CSVsaida');
      CSVsaida.innerHTML = strDiv;
    }
</script>

<input type="file" id="inputCSV" onchange="pegaCSV(this)">
<input type="button" value="Ver" onclick="importacao()">
<div id="CSVsaida"></div>

<div id="CSVsaida1"></div>