Javascript timer receiving errors upon start

Input:

function timer() {
  decimal++;
  cs++; //counts time in centiseconds
  decimalOut.ierHTML = decimal;
  if (decimal >= 100) {
    decimal = 0;
    sec++;

    if (sec > 59) {
      sec = 0;
      min++;
      colon.ierHTML = ":";
      minOut.ierHTML = min;
    }
    if (sec <= 9 && min > 0) {
      sec = "0" + sec;
    }
    secOut.ierHTML = sec;
  }

  if (decimal <= 9) {
    decimal = '0' + decimal;
    decimalOut.ierHTML = decimal;
  }

}
window.onkeyup = run;

function run() {
  if (!ruing) {
    decimal = 0;
    sec = 0;
    min = 0;
    cs = 0;
    secOut.ierHTML = "0";
    minOut.ierHTML = "";
    colon.ierHTML = "";
    ruing = true;
    scramble = "";
    generateScramble();
    interval = setInterval(timer, 10);
  } else if (ruing) {
    ruing = false;
    clearInterval(interval);
    timesDisplay.push(" " + timesOut.ierHTML);
    csTimes.push(cs);
    timesList.ierHTML = timesDisplay;
    calculateStats();
  }
}

Output: Uncaught TypeError: Caot set property 'ierHTML' of null(…)

This error supposedly occurs on line 350 which is:

<div id="basicallyaholderthing" style="position:absolute;left:0px;top:718px;width:801px;height:545px;z-index:11">

I also have a place for it:

<div id="timeOut"><span id="min"></span><span id="colon"></span><span id="sec">0</span>.<span id="decimal">00</span></div></br>

I have put the place where that output should be inside of the html holder (i know, it has a very creative id xD). According to the error, it just doesn't work. Anyone know anything about this?