Function infinite loop and ignoring parts of other functions

Question

Okay, so basically all I wrote this script to do is clear and click a button if the textbox is full and refresh the page if its not.

I can successfully clear the text box when its full and refresh the page when its not, but as soon as I try to use my clickButton function it kicks into an infinite loop and skips the if() in clrLog

function addFunction(func, exec) {
  var script = document.createElement('script');
  script.textContent = '-' + func + (exec ? '()' : '');
  document.body.appendChild(script);
  document.body.removeChild(script);
}
function clickButton(val) {
  buttons = document.getElementsByTagName('INPUT');
  for (var i = 0; i < buttons.length; i++)
  {
    if (buttons[i].type == 'submit' && buttons[i].value == val)
    {
      buttons[i].click();
    }
  }
}
function clrLog() {
  var elements = [
  ];
  elements = document.getElementsByClassName('logarea');
  if (elements.log.value === '')
  setTimeout(function () {
    location.reload();
  }, 5000);
  for (var i = 0; i < elements.length; i++) {
    elements[i].value = '';
  }
  clickButton('Edit log file');
}
function main() {
  addFunction(clrLog(), true);
}
main();

Answer 1

I found out that I could avoid using a for loop by using document.querySelector(); instead - so much easier :)