getElementById无法在循环中找到错误

Question

当我按下按钮时出现错误，错误说：

  

未捕获的TypeError：无法读取null的属性“innerHTML”       在HTMLButtonElement。 （javascript.js：13）

这是我的js代码中的13行：问题似乎是从第1行的html或js到第17行的第一行的结尾。

我的HTML代码：

document.getElementById("boton").addEventListener("click", function() {

  var textarea = 0;
  var auxiliar = 0;
  var longitud = document.getElementsByTagName("textarea").length;
  var j = 1; // I initilizate j as 1 
  var entrada = [];

  for (i = 0; i < longitud * 2; i += 2) {
    document.write(nombre) //properly writes as an output 'textarea1' which is the first id
    auxiliar = document.getElementById("textarea" + j).value.split(" "); // HERE IT IS LINE 13!!! here throws the error cant perform value at a null element
    entrada.push(auxiliar[i]);
    entrada.push(auxiliar[i + 1]);

  }


  // imprimir depuracion: abrir inspector>console
  console.log(entrada);


  // ENTRADA
  // declaración de variables ambito, multiple, iniciar
  var d1, d2, i = 0;
  var temporal = [0, 0, 0, 0, 0]; // valores del ejercicio : D A M I C
  // imprimir
  document.write("<b>entrada</b><br/>");
  // bucle repetir hasta fin de entrada
  do {
    d1 = entrada[i];
    d2 = entrada[i + 1];
    document.write(d1 + " " + d2 + "<br/>");
    i += 2;
  } while (i < longitud * 2) // fin de fichero	


  // SALIDA	
  document.write("<b>salida</b><br/>");
  var j = 0;
  i = 0;
  // recorrer entrada
  do {
    d1 = entrada[i];
    d2 = entrada[i + 1];
    if (d1 != 'N' && d1 != 'E') { // AND
      // almacenar el dia
      // valores del ejercicio : D A M I C
      if (d1 == 'D') {
        j = 0;
      }
      if (d1 == 'A') {
        j = 1;
      }
      if (d1 == 'M') {
        j = 2;
      }
      if (d1 == 'I') {
        j = 3;
      }
      if (d1 == 'C') {
        j = 4;
      }
      temporal[j] = temporal[j] + parseFloat(d2);
      j++;
    } else {
      // fin del dia y calculos
      var maximo = 0,
        minimo = 999,
        media = 0,
        suma = 0,
        elementos = 0,
        vmin, vmax, cat, cmin = 0,
        cmax = 0;
      for (k = 0; k < temporal.length; k++) {
        console.log(k + " --" + temporal[k]);

        if (temporal[k] == minimo) {
          cmin++;
        }
        if (temporal[k] == maximo) {
          cmax++;
        }
        if (temporal[k] < minimo) {
          minimo = temporal[k];
          vmin = k;
          cmin = 0
        }
        if (temporal[k] > maximo) {
          maximo = temporal[k];
          vmax = k;
          cmax = 0
        }

        if (temporal[k] != 0) {
          elementos++;
          suma += temporal[k];
        }
      }
      media = suma / elementos;
      console.log(" m" + vmin + " M" + vmax + " e" + elementos + " s" + suma + " m" + media + " " + cmin);

      // imprimir resultados (deberiamos usar funciones y arrays con indices)
      if (vmax == 00) {
        cat = 'DESAYUNO';
      }
      if (vmax == 01) {
        cat = 'COMIDA';
      }
      if (vmax == 02) {
        cat = 'MERIENDA';
      }
      if (vmax == 03) {
        cat = 'CENAS';
      }
      if (vmax == 04) {
        cat = 'COPAS';
      }
      if (cmax > 0) {
        cat = 'EMPATE';
      }
      document.write(cat + "#");
      document.getElementById("resultado").value += cat;
      if (vmin == 00) {
        cat = 'DESAYUNO';
      }
      if (vmin == 01) {
        cat = 'COMIDA';
      }
      if (vmin == 02) {
        cat = 'MERIENDA';
      }
      if (vmin == 03) {
        cat = 'CENAS';
      }
      if (vmin == 04) {
        cat = 'COPAS';
      }
      if (cmin > 0) {
        cat = 'EMPATE';
      }
      document.write(cat + "#");
      document.getElementById("resultado").value += cat;
      if (media > temporal[1]) {
        cat = 'NO';
      } else {
        cat = 'SI';
      }
      document.write(cat + "<br/>");
      document.getElementById("resultado").value += cat;



      // reset para el proximo dia
      var temporal = [0, 0, 0, 0, 0];
      j = 0;
    }
    i += 2; // indice de la entrada		
  } while (i < longitud * 2) // fin de fichero	

});

textarea {
  display: block;
  margin-top: 20px;
}

<p>Datos a introducir</p>
<textarea id="textarea1" row="1" col="10"></textarea>
<textarea id="textarea2" row="1" col="10"></textarea>
<textarea id="textarea3" row="1" col="10"></textarea>
<textarea id="textarea4" row="1" col="10"></textarea>
<textarea id="textarea5" row="1" col="10"></textarea>
<textarea id="textarea6" row="1" col="10"></textarea>
<textarea id="textarea7" row="1" col="10"></textarea>
<textarea id="textarea8" row="1" col="10"></textarea>
<button id="boton" type="button">procesar</button>
<textarea id="resultado" row="1" col="10"></textarea>