[RESOLVIDA]Manipular saída de lista .txt do fileReader

Front-end
, ,
#1

Tem como manipular a saída dessa lista local simples? A ideia é modificar cada linha, dizer qual operadora de telefonia cada linha pertence. Consegui fazer apenas em uma linha quando clico no botão “Gerar número com Operadoras”. Abaixo é o arquivo que estou tentando modificar.

lista.png743×425 19.5 KB 

 <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title>FileAPI HTML5</title>
    </head>
    <body>
        <p>Por favor selecione uma lista:</p>
        <input type="file" id="myFile">
    <hr>
    <textarea style="height: 200px;width: 100%" id="output"></textarea>

        <script>
            var input = document.getElementById("myFile");
            var output = document.getElementById("output");

            input.addEventListener("change", function () {
              if (this.files && this.files[0]) {
                var myFile = this.files[0];
                var reader = new FileReader();
                
                reader.addEventListener('load', function (e) {
                  output.textContent = e.target.result;
                });
                
                reader.readAsBinaryString(myFile);
              }   
            });
    //  Aqui é uma Função para exportar arquivos
                function downloadInnerHtml(filename, elId, mimeType) {
                    var elHtml = document.getElementById(elId).innerHTML;
                    var link = document.createElement('a');
                    mimeType = mimeType || 'text/plain';

                    link.setAttribute('download', filename);
                    link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(elHtml));
                    link.click(); 
                }
                var fileName =  'tags.txt'; // Aqui muda a extensão

    // Função que diz qual operadora cada número pertence
                function operadora(){
                        var areaTexto= document.getElementById('output').textContent
                            var Sub = areaTexto.substr(3,2);
                            console.log(Sub)
                // vivo
                            var vivo = [87,97,98,99]
                            for(var i = 0; i < vivo.length; i++) {
                                if(vivo[i] == Sub) {
                                    document.getElementById('output2').textContent = areaTexto+' Operadora Vivo.'
                                return  
                                }
                            }
                // Claro
                            var claro = [91,92,93,94,81,82,83,84] 
                            for(var i = 0; i < claro.length; i++) {
                                if(claro[i] == Sub) {
                                    document.getElementById('imprime').innerHTML = areaTexto+' Operadora Claro.'
                                return  
                                }
                            }            
                }

        </script>

        <button onclick="operadora()">Gerar Números com Operadoras</button>
        
        <textarea style="height: 200px;width: 100%" id="output2"></textarea>

        <button style="float: right;" type="button" onclick="downloadInnerHtml(fileName, 'output2')">Exportar</button>
    </body>
    </html>

lista2.png829×688 8.7 KB

lista3.png740×420 7.95 KB

#2

Consegui uma solução.

<!DOCTYPE html>
    <html>
    <head>
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    </head>
    <body>

    <h2 class="example">A heading with class="example"</h2>
    <input type="file" name="file" id="file"/>
    <textarea cols="80" rows="10" id="result"></textarea>

    <script>
    const JS_EOL = "\n";
    function $(selector) {
        let el = document.querySelector(selector);
        return el;
    }
    $('#file').addEventListener('change', function(event) {
        let input = event.target, 
            file = new FileReader();
        file.readAsText(input.files[0]);
        file.onload = function(e) {
            let data = file.result.split("\n");
            for(let i = 0; i < data.length; i++) {
                let row = data[i].trim();
                if(!row.length) {
                    continue;
                }
                $('#result').value += row + ' = VIVO!' + JS_EOL;
            }
        };
    }, false);
    </script>

    </body>
    </html>

foto.png625×741 8.55 KB