DOM Introduction 06. Format the Text

function solve() {
  let inputStr = document.getElementById('input').value;
  let output = document.getElementById('output');

  let input = inputStr.split('.');
  if (input.indexOf('') !== -1) {
    input.splice(input.indexOf(''), 1);
  }

  if (input.length >= 3) {
    for (let i = 0; i < input.length; i += 3) {
      let arr = [];
      // if (input.length > 3)
      for (let y = 0; y < 3; y++) {
        if (i >= 3) {
          arr.push(input[i + y]);
        } else {
          arr.push(input[y]);
        }
      }
      let paragraph = arr.join('.');
      output.innerHTML += `<p> ${paragraph} </p>`;
      // let parHTML = document.createElement('p'); // Този начин и innerHTML дават същия резултат 40/100
      // parHTML.textContent = arr.join('.');
      // output.appendChild(parHTML);
    }
  } else {
    for (let i = 0; i < input.length; i++) {
      let arr = [];
      arr.push(input[i]);

      let paragraph = arr.join('.');
      output.innerHTML += `<p> ${paragraph} </p>`;
      // let parHTML = document.createElement('p');
      // parHTML.textContent = arr.join('.');
      // output.appendChild(parHTML);
    }
  }
}