SEA-Design-Dev · ZachKGordon · Oct 1, 2015 · Oct 1, 2015 · Oct 1, 2015 · Oct 1, 2015
diff --git a/app.js b/app.js
@@ -0,0 +1,24 @@
+var NodeBuzz = require('sea-d44-fizz-buzz-zg');
+
+
+document.getElementById("button-b").addEventListener("submit", function (e) {
+  e.preventDefault();
+
+  // instantiated my new NodeBuzz function.
+  var myfizz = new NodeBuzz('bleep', 'blorp');
+
+  // Assigning the input values to variables.
+  aVal  = parseInt(document.getElementById("min").value);
+  zVal  = parseInt(document.getElementById("max").value);
+  myfizz.input(aVal, zVal);
+
+  // Creating and appending DOM elements with processed inputs
+  document.getElementById("DOM-elements").innerHTML="";
+  var newEl = document.createElement("p");
+  var newtext = document.createTextNode(myfizz.output(this.result));
+  newEl.appendChild(newtext);
+  document.getElementById("DOM-elements").appendChild(newEl);
+});
+
+
+
diff --git a/app2.js b/app2.js
@@ -0,0 +1,32 @@
+var FizzBuzz = (function () {
+  var aVal, zVal;
+
+  var _fizzbuzz = function(newString1, newString2) {
+    this.newString1 = newString1 || "Fizz";
+    this.newString2 = newString2 || "Buzz";
+  };
+
+  _fizzbuzz.prototype = {
+    input: function (aVal, zVal) {
+      this.result =[];
+      for ( aVal ; aVal <= zVal; aVal ++) {
+        if (aVal % 5 === 0 && aVal % 3 === 0) {
+          this.result.push(this.newString1+this.newString2);
+        } else if ( aVal % 3 === 0) {
+          this.result.push(this.newString1);
+        } else if (aVal % 5 === 0) {
+          this.result.push(this.newString2);
+        } else {
+          this.result.push(aVal);
+        }
+      }
+      return this.result;
+    },
+    output: function(){
+      return this.result;
+    }
+  }
+
+  return _fizzbuzz;
+
+}());
diff --git a/bundle.js b/bundle.js
@@ -0,0 +1,65 @@
+(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){
+var NodeBuzz = require('sea-d44-fizz-buzz-zg');
+
+
+document.getElementById("button-b").addEventListener("submit", function (e) {
+  e.preventDefault();
+
+  // instantiated my new NodeBuzz function.
+  var myfizz = new NodeBuzz('bleep', 'blorp');
+
+  // Assigning the input values to variables.
+  aVal  = parseInt(document.getElementById("min").value);
+  zVal  = parseInt(document.getElementById("max").value);
+  myfizz.input(aVal, zVal);
+
+  // Creating and appending DOM elements with processed inputs
+  document.getElementById("DOM-elements").innerHTML="";
+  var newEl = document.createElement("p");
+  var newtext = document.createTextNode(myfizz.output(this.result));
+  newEl.appendChild(newtext);
+  document.getElementById("DOM-elements").appendChild(newEl);
+});
+
+
+
+
+},{"sea-d44-fizz-buzz-zg":2}],2:[function(require,module,exports){
+var FizzBuzz = (function () {
+  var aVal, zVal;
+
+  var _fizzbuzz = function(newString1, newString2) {
+    this.newString1 = newString1 || "Fizz";
+    this.newString2 = newString2 || "Buzz";
+  };
+
+  _fizzbuzz.prototype = {
+    input: function (aVal, zVal) {
+      this.result =[];
+      for ( aVal ; aVal <= zVal; aVal ++) {
+        if (aVal % 5 === 0 && aVal % 3 === 0) {
+          this.result.push(this.newString1+this.newString2)
+        } else if ( aVal % 3 === 0) {
+          this.result.push(this.newString1);
+        } else if (aVal % 5 === 0) {
+          this.result.push(this.newString2);
+        } else {
+          this.result.push(aVal);
+        }
+      }
+      return this.result;
+    },
+    output: function(){
+      return this.result;
+    }
+  }
+
+  return _fizzbuzz;
+
+}());
+
+module.exports = FizzBuzz
+
+
+
+},{}]},{},[1]);
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Zach Gordon</title>
+    <meta name="description" content="FizzBuzz Assignment">
+    <meta name="author" content="Zach Gordon">
+    <link rel="stylesheet" type="text/css" href="style.css">
+  </head>
+  <body>
+    <article>
+      <section class="FizzBuzz-container">
+        <h1>FizzBuzz Assignment</h1>
+        <form id="button-b">
+          <input id="min" placeholder="First Number">
+          <input id="max" placeholder="Second Number">
+          <button type="submit">submit</button>
+        </form>
+        <div id="DOM-elements"></div>
+      </section>
+    </article>
+    <script type="text/javascript" src="bundle.js"></script>
+  </body>
+</html>
diff --git a/node_modules/sea-d44-fizz-buzz-zg/README.md b/node_modules/sea-d44-fizz-buzz-zg/README.md
diff --git a/node_modules/sea-d44-fizz-buzz-zg/index.js b/node_modules/sea-d44-fizz-buzz-zg/index.js
diff --git a/node_modules/sea-d44-fizz-buzz-zg/package.json b/node_modules/sea-d44-fizz-buzz-zg/package.json
diff --git a/style.css b/style.css
@@ -0,0 +1,8 @@
+.FizzBuzz-container h1{
+color: #09C;
+}
+
+.FizzBuzz-container li{
+list-style-type: none;
+}
+