/**
 * @param {number} n
 * @return {string[]}
 */

// A version of the FzzxBuzz problem. Not limiting numbers from 1 to 100. The gist: for multiples of three print “Fizz” for the multiples of five print “Buzz”. For numbers which are multiples of both three and five print “FizzBuzz”.

let numberInput = document.getElementById('number'); 
let button = document.getElementById('the-button');
let resultBox = document.getElementById('result');


let fizzBuzz = function(n) {
        if(n % 3 == 0 && n % 5 == 0) {
          console.log(`${n} is FizzBuzz`);
          return 'FizzBuzz';
        } else if (n % 3 == 0) {
             console.log(`${n} is Fizz`);
             return 'Fizz';
        } else if (n % 5 == 0) {
             console.log(`${n} is Buzz`);
              return 'Buzz';
        } else {
          console.log(`${n} is not Fizz or Buzz`);
          return 'not Fizz or Buzz';
};
        } 

let whatIsIt = function(event) {
  // Prevent page refresh on submit
  event.preventDefault();
  // Get input value
  let theNumber = numberInput.value;
  // Clear input box
  numberInput.value = '';
  // Evaluate the number
  let whatItIs = fizzBuzz(theNumber);
  // Update result 
  resultBox.textContent = whatItIs;
}

let clearResult = function() {
  result.innerHTML = '<span id="result">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
}

// Do the FizzBuzz thingon submit (buttona and input)
button.addEventListener('click', whatIsIt);
numberInput.addEventListener('submit', whatIsIt);
resultBox.addEventListener('click', clearResult);


// Testing
// -------------
// fizzBuzz(3);
// fizzBuzz(5);
// fizzBuzz(15);


// ====================
// THE COMMON PROBLEM:
// ====================

// Write a program that prints the numbers from 1 to 100. But for multiples of three print “Fizz” instead of the number and for the multiples of five print “Buzz”. For numbers which are multiples of both three and five print “FizzBuzz”.

var fizzBuzz100 = function(n) {
    n = 100;
    for(let i = 1; i <= n; i++) {
      let fizz = i % 3 == 0;
      let buzz = i % 5 == 0;
      
          if(i % 3 == 0 && i % 5 == 0) {
        console.log('FizzBuzz');
    } else if (i % 3 == 0) {
        console.log('Fizz'); 
    } else if (i % 5 == 0) {
        console.log('Buzz');
    } else {
        console.log(i);
    }
  } 
};

fizzBuzz100();





// Do a thing with this idea later
    // switch(i) {
    //   case fizz:
    //     console.log('Fizz');
    //     break;
    //   case buzz:
    //     console.log('Buzz');
    //     break;
    //   case fizz && buzz:
    //     console.log('FizzBuzz');
    //     break;
    //   default: 
    //     console.log(i);  
    // }