Assignment 0 Bob Petrowsky

README.md

@@ -0,0 +1,3 @@
+# fizzbuzz
+
+CSCI-E32 Fizzbuzz assignment.

index.html

@@ -25,8 +25,11 @@
 
 <div class="container">
 
-    <h1>Hello World!</h1>
-    <p class="lead">This is something!</p>
+    <h1>FizzBuzz!</h1>
+    <p class="lead">Enter a positive value!</p>
+    <input id="input"></input>
+    <button id="button" onclick="var input = document.getElementById('input').value; fizzbuzz(input);">Submit</button>
+    <ul id="output"></ul>
 
 </div><!-- /.container -->
 
@@ -36,5 +39,6 @@ <h1>Hello World!</h1>
 <!-- Placed at the end of the document so the pages load faster -->
 <script src="js/jquery-2.1.4.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
+<script src="js/fizzbuzz.js"></script>
 </body>
 </html>

js/fizzbuzz.js

@@ -0,0 +1,13 @@
+function fizzbuzz(n) {
+  for (i = 1; i < n; i++) {
+    if (i % 15 == 0) {
+      $('#output').append('<li>fizzbuzz</li>');
+    } else if (i % 5 == 0) {
+      $('#output').append('<li>buzz</li>');
+    } else if (i % 3 == 0) {
+      $('#output').append('<li>fizz</li>');
+    } else {
+      $('#output').append('<li>' + i + '</li>');
+    }
+  }
+}