Download .TXT from HTML

Navigation
1

How do I click on the test button to run the script and download the information, Thanks. 

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
document.getElementById("resultado").innerHTML = mostrar;
}
</script>

<button onclick="mostrar();">Probar</button>
<div id="download('Desgarga', 'resultado')"></div>

</body>
    
asked by Rafael Pereira 14.08.2018 в 23:31
source

3 answers

4

Function download file taken from link by Ludivic Feltz 

function mostrar() {
  var miArray = [10, 20, 40, 65];
  var miArray2 = [15, 26, 44, 71];
  var miArray3 = ["TaT", "Pan", "Aut", "Caf"];
  var mostrar = "";
  for (var i = 0; i < miArray.length; i++) {
    for (var j = miArray[i]; j <= miArray2[i]; j++) {
      mostrar += j + " " + miArray3[i];
    }
  }
  document.getElementById("resultado").innerHTML = mostrar;
  saveDoc("archivo.txt", mostrar);

}

saveDoc = function(filename, data) {
  var blob = new Blob([data], {
    type: 'text/csv'
  });
  if (window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveBlob(blob, filename);
  } else {
    var elem = window.document.createElement('a');
    elem.href = window.URL.createObjectURL(blob);
    elem.download = filename;
    document.body.appendChild(elem);
    elem.click();
    document.body.removeChild(elem);
  }
}
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>

  <button onclick="mostrar();">Probar</button>
  <div id="resultado"></div>

</body>

For compatibility with Internet Explorer, it is first searched if the msSaveOrOpenBlob

answered by 14.08.2018 / 23:54
source
1

if you only want to show the content in that div the only thing you should do is give it an id and send it the value 

   <html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
document.getElementById("resultado").innerHTML = mostrar;
}
</script>

<button onclick="mostrar();">Probar</button>
//aqui pones el id
<div id="resultado"></div>

</body>
    
answered by 14.08.2018 в 23:42
0

I hope you serve 

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script>
function mostrar() {
var miArray = [ 10, 20, 40, 65 ];
var miArray2= [15, 26, 44, 71];
var miArray3 = ["TaT","Pan","Aut","Caf"];
var mostrar = "";
for (var i=0; i<miArray.length; i++) {  
for (var j=miArray[i]; j<=miArray2[i]; j++) {
 mostrar += j + " "+miArray3[i];
}
}
//document.getElementById("resultado").innerHTML = mostrar;

  var contenidoDeArchivo = mostrar;
var elem = document.getElementById('descargar');

elem.download = "archivo.txt";
elem.href = "data:application/octet-stream," 
                     + encodeURIComponent(contenidoDeArchivo);



}
</script>

<a id="descargar" onclick="mostrar();">Probar</a>
<div id="download('Desgarga', 'resultado')"></div>

</body>
    
answered by 14.08.2018 в 23:50
How can I validate with regex that a question was asked? Use a Windows Form as the main