Fib2

by trentHarlem

HTML

<label for="number">
<input id="number" type="text" name="number" placeholder="insert # of fibonacci turns"></label><br>
<button id="go">enter</button>
<p id="screen"></p>

CSS

*{
  font: 1.2em system-ui, san-serif;
}

#number {
  width: 400px;
}

JavaScript

function fib(n) {

  if (n === 0 || n === 1) {
    return n
  }

	let turns = []
  let a = 0
  let b = 1
  for (i = 0; i < n; i++) {
    console.log('turn')
    let now = a + b
    a = b
    b = now
    
    turns.push(now)
    let cleanUp = turns.join(' ')
    document.getElementById('screen').innerHTML = cleanUp
    console.log(now)

  }
}

go = document.getElementById('go')
go.addEventListener('click', function getNum() {
  console.log('click')
  input = document.getElementById('number')
  num = input.value
if (num == 0) {
document.getElementById('screen').innerHTML = 'click'
}
  fib(num)
})