Odd Diamond

by trentHarlem

HTML

<h1>
  Odd Diamond
</h1>
<div id='output'>

</div>

CSS

* {
  font-family: system-ui;
}

JavaScript

function diamondOddNumbers(n) {
  let arr = []
  let row = []
  let count = 1
  let output = document.getElementById('output')
  document.body.style.textAlign = 'center'
  //get the odds
  for (let i = 0; i <= n; i++) {
    if (i % 2 == 1) {
      arr.push(i)
    }
  }
  console.log(arr.length, 'ODD #s between 0 and ', n, arr)

  // get the rows
  for (let i = 0; i < arr.length; i++) {
    if (i === 0) {
      // console.log('zero start', i, 'end', i + i + 1)
      // console.log('zero-Row', i, row.length, '#\'s', row)
      row = arr.slice(0, 1)
      output.innerHTML += `${row.join(" ")}<br>`
    } else if (row.length > 2 && i < n) {
      console.log("Row Length", row.length)
      console.log('---')
      console.log('start', i + 2, 'end', i + i + 1)
      console.log('Row', i, 'contains', row.length, '#\'s', row)
      row = arr.slice(i + 1, i + i + 1)
      output.innerHTML += `${row.join(" ")}<br>`
    } else if (i > 0 && i < n) {
      console.log('start', i, 'end', i + i + 1)
      console.log('Row', i, 'contains', row.length, '#\'s', row)
      row = arr.slice(i, i + i + 1)
      output.innerHTML += `${row.join(" ")}<br>`
    }
    console.log('count', count, 'i', i)
    count++
  }
}
diamondOddNumbers(69)
//* 0.27