SEA-Design-Dev · jimmynono · Oct 1, 2015 · Oct 1, 2015 · Oct 1, 2015 · Oct 1, 2015
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,32 @@
+### OSX ###
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+Node modules directory
+node_modules
+
+# Compiled CSS file
+css/main.css
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,3 @@
+input {
+  display: block;
+  margin-bottom: 2em; }
diff --git a/css/main.scss b/css/main.scss
diff --git a/gulpfile.js b/gulpfile.js
@@ -0,0 +1,12 @@
+var gulp = require("gulp");
+var sass = require("gulp-sass");
+
+gulp.task("sass", function() {
+  gulp.src("sass/**/*.scss")
+    .pipe(sass().on("error", sass.logError))
+    .pipe(gulp.dest("./css"));
+});
+
+gulp.task("default", ["sass"], function() {
+  gulp.watch("sass/**/*.scss", ["sass"]);
+});
diff --git a/index.html b/index.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="English">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>FizzBuzz on Steroids</title>
+    <meta name="description" content="Fizz Buzz on steroids">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/main.css">
+  </head>
+  <body>
+    <section>
+      <h1>Top Gun Array</h1>
+      <form id="form">
+        <label>Enter Low Number!</label>
+        <input type="number" name="lowNumber" id="lowNumberForm" />
+        <label>Enter High Number</label>
+        <input type="number" name="highNumber" id="highNumberForm" />
+
+        <label>Want another word other than Top?</label>
+        <input type="text" name="fizzOption" id="fizzOption" />
+
+        <label>Want another word other than Gun?</label>
+        <input type="text" name="buzzOption" id="buzzOption" />
+
+        <input type="submit" value="Submit" id="submit"/>
+      </form>
+    </section>
+    <div id="FizzBuzz">
+    </div>
+    <script src="js/topgun.js"></script>
+  </body>
+</html>
diff --git a/js/topgun.js b/js/topgun.js
@@ -0,0 +1,90 @@
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+'use strict'
+
+module.exports = (function() {
+
+  var array = [];
+  var fizzBuzz = function (firstWord, secondWord) {
+
+    if (!firstWord) {
+      this.firstWord = "Top";
+    }
+    else {
+      this.firstWord = firstWord;
+    }
+
+    if (!secondWord) {
+      this.secondWord = "Gun";
+    }
+    else {
+      this.secondWord = secondWord;
+    }
+  }
+
+  fizzBuzz.prototype.input = function(lowNumber, highNumber) {
+
+    for (var i = 0; i < (highNumber - lowNumber + 1); i++) {
+
+      array[i] = lowNumber + i;
+        if (array[i] === 0) {
+          array[i] = 0;
+        }
+        else if (array[i] % 3 === 0 && array[i] % 5 === 0){
+            array[i] = this.firstWord + this.secondWord
+        }
+        else if (array[i] % 5 === 0){
+            array[i] = this.secondWord
+        }
+        else if (array[i] % 3 === 0){
+            array[i] = (this.firstWord)
+        }
+      }
+  };
+
+  fizzBuzz.prototype.output = function () {
+
+    return array;
+
+  };
+
+  return fizzBuzz;
+
+}());
+
+},{}],2:[function(require,module,exports){
+'use strict'
+
+var FizzBuzz = require('./fizzbuzz.js');
+
+var form = document.getElementById('form');
+form.addEventListener('submit', function(e) {
+
+  e.preventDefault();
+
+  var el = document.getElementById('FizzBuzz');
+  el.removeChild(el.firstChild);
+
+  var low = Number(form.elements.lowNumber.value);
+  var high = Number(form.elements.highNumber.value);
+
+  var wordOne = form.elements.fizzOption.value;
+  var wordTwo = form.elements.buzzOption.value;
+
+  var buzzer = new FizzBuzz(wordOne, wordTwo);
+
+  buzzer.input(low, high);
+
+  var fizzBuzzData = document.createElement('ul');
+
+    for (var j = 0; j < buzzer.output().length; j++) {
+      var temp = document.createElement('li');
+      var tempText = document.createTextNode(buzzer.output()[j]);
+      temp.appendChild(tempText);
+      fizzBuzzData.appendChild(temp);
+    }
+
+    el.appendChild(fizzBuzzData);
+
+});
+
+},{"./fizzbuzz.js":1}]},{},[2]);
diff --git a/node_modules/.bin/gulp b/node_modules/.bin/gulp
diff --git a/node_modules/gulp-sass/.editorconfig b/node_modules/gulp-sass/.editorconfig
diff --git a/node_modules/gulp-sass/.eslintrc b/node_modules/gulp-sass/.eslintrc
diff --git a/node_modules/gulp-sass/.npmignore b/node_modules/gulp-sass/.npmignore
diff --git a/node_modules/gulp-sass/.travis.yml b/node_modules/gulp-sass/.travis.yml