<h1>Recursive Count Up</h1>
<h2 id="count-up">Recursive Count Up</h2>
<h1>Recursive Count Down</h1>
<h2 id="count-down">Recursive Count Down</h2>

body {
  background-color: #99CCFF;
}

h1, h2 {
  margin-left: 15px; 
}

function countup(n){
  // Exit condition
  if(n < 1){
    return [];
  } else {
    const countArray = countup(n - 1);
    countArray.push(n)
    return countArray
  }
}

function countdown(n){
  // Exit condition
  if(n < 1){
    return [];
  } else {
    const countArray = countdown(n - 1);
    countArray.unshift(n)
    return countArray
  }
}

document.getElementById("count-up").innerHTML = countup(9)
document.getElementById("count-down").innerHTML = countdown(8)