fizzbuzz

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="//unpkg.com/vue"></script>
  </head>
  <body>
    <h1>Hello Plunker!</h1>
    <div id="app">
      <span v-for="s in fizzbuzz"> {{ s }} </span>
    </div>
    <script src="script.js"></script>
  </body>
</html>



new Vue({
  el: '#app',
  data: {
    fizzbuzz: [] 
  },
  created() {
    for (var i = 1; i < 101; i++) 
    {
      if (i % 15 == 0) 
      {
        this.fizzbuzz[i] = "fizzbuzz";
      }
      else if (i % 5 == 0)
      {
        this.fizzbuzz[i] = "buzz";
      }
      else if (i % 3 == 0)
      {
        this.fizzbuzz[i] = "fizz";
      }
      else
      {
        this.fizzbuzz[i] = i;
      }
    }
  } 
});

/* Styles go here */