为什么函数不运行？

Question

I have a div which has html code that displays a clock as the user plays the game, as shown below.

<td onclick="showClock()" id="clockSection">DAY 1</td>

I wanted to make it such that the time would update (eg from "Day 1" it turns into "Night 1" or "Day 2") would update every time the condition is met.

I made a function for this, updateClock() which works properly, as expected.

 function updateTime() {
  if (minutes >= 60) {
    minutes -= 60
    hours += 1
    updateTime()
  } else if (minutes >= 10) {
    minutesDisplay = minutes
  } else {
    minutesDisplay = "0" + minutes
  }
  if (hours >= 13) {
    hours -= 12
    if (dayHalf === "am") {
      dayHalf = "pm"
    } else {
      dayCount += 1
      dayHalf = "am"
      var clockDisplay = document.getElementById("clockSection")
      clockDisplay.innerHTML = displayTime
    }
  }
  if (hours > 6 && dayHalf === "pm") {
    timeEstimate = "Night"
    displayTime = timeEstimate + " " + dayCount
  } else if (hours < 7 && dayHalf === "am") {
    timeEstimate = "Night"
    displayTime = timeEstimate + " " + dayCount
  } else {
    timeEstimate = "Day"
    displayTime = timeEstimate + " " + dayCount
  }
  if (displayTime !== timeEstimate + " " + dayCount) {
    clock.innerHTML = displayTime
  }
  clock.innerHTML = displayTime
}

Unfortunately, when I wanted to call updateClock() from within my other function beginGame() (which starts the whole game, shown below), the entire beginGame() function did not run.

function beginGame(){
    updateTime()
...
    //the rest of my code, which when tested without the above updateTime() has NO PROBLEMS.
}

I tried running this and setting breakpoints in both functions, and turns out they both did not even run. However, when I took out the updateTime() from within beginGame() or if I took out the last clock.innerHTML = displayTime it could run properly (unfortunately the result was not what I had wanted). Why might this be so? I am quite sure I made some syntax error somewhere, but cannot spot it. Thanks.

Demo of full program is at tdat.byethost10.com. (The working version was supposed to begin the game upon typing "Begin", like at tdat.mygamesonline.org) Alternatively, here is a WORKING version of what's meant to happen (apologies for the messy HTML)

https://jsfiddle.net/hundotte/vb3je10p/1/

Answer 1

Ok. I have finally solved the problem. It appears to be a slight spelling error, if you look at the JSFiddle you'll spot it. In the beginGame() function I put the id as "clock" instead of "clockDisplay". Thanks for trying, guys! I really appreciate it.