rithmschool · toChaim · Aug 1, 2017 · Aug 3, 2017 · Aug 3, 2017 · Aug 3, 2017
diff --git a/.DS_Store b/.DS_Store
diff --git a/ajax_with_jquery_exercise/index.css b/ajax_with_jquery_exercise/index.css
@@ -0,0 +1,9 @@
+.row{
+	margin-bottom: 30px;
+}
+.glyphicon{
+	margin: 5px;
+}
+.hideNoLogin{
+	visibility: hidden;
+}
diff --git a/ajax_with_jquery_exercise/index.html b/ajax_with_jquery_exercise/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Linker</title>
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://bootswatch.com/readable/bootstrap.min.css">
+	<link rel="stylesheet" href="index.css">
+</head>
+<body>
+	<div class="container">
+		<div class="row alert-warning header">
+				<div class="col col-xs-2">icon</div>
+				<div class="col col-xs-8"><ul class="list-inline">
+					<li class="list-inline-item"><a  id="favor-link" class="" href="#">Favoriets</a></li>
+				</ul></div>
+				<div class="col col-xs-2"><ul class="list-inline">
+					<li class="list-inline-item"><a  id="login-link" class="" href="#">Login</a></li>
+				</ul></div>
+		</div>
+		<div class="row hidden" id="login-form">
+			<form class="col-xs-offset-6 col col-xs-6 " action="#">
+				<div class="row input-group">
+				  <label class="input-group-addon control-label" for="inp-email">Email</label>
+				  <input type="email" class="form-control" name="inp-title" id="inp-email" value= "[email protected]" required>
+				</div>
+				<div class="row input-group">
+				  	<label class="input-group-addon" for="inp-password">Password</label>
+				  	<input type="password" name="inp-password" class="form-control" id="inp-password" value="password" required>
+				</div>
+				<div class="col-xs-offset-2 col-xs-2 input-group">
+				  <button type="submit" id="login-btn" class="btn-warning">Login</button>
+				</div>
+			</form>
+		</div>
+		<div class="row">
+			<ol id="links">
+				<li>This should be removed</li>
+			</ol>
+		</div>
+	</div>
+	<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+	<script type="text/javascript" src="index.js"></script>
+</body>
+</html>
diff --git a/ajax_with_jquery_exercise/index.js b/ajax_with_jquery_exercise/index.js
@@ -0,0 +1,62 @@
+$(document).ready(function(){
+	//variables
+	var auth_token;
+
+	//imeadiat calls
+	getTop().then(function(data){
+		debugger 
+	})
+
+	//click functions
+
+	//functions
+	function getTop(){
+		return $.get('https://hacker-news.firebaseio.com/v0/'
+			+ 'topstories.json?print=pretty')
+		.then(function(topstories){
+			console.log(topstories);
+			return Promise.all(topstories.slice(0,50).map(function(v,i){
+				return $.get(
+					`https://hacker-news.firebaseio.com/v0/' 
+					+ 'item/${topstories[i]}.json?print=pretty`)
+			}));
+		})
+		.fail(function(err){
+			console.warn(err); 
+			return err;
+		});
+
+	}
+
+	function getFav() {
+		return $.ajax({
+		    method: "GET",
+		    headers: {
+		        "Authorization": auth_token,
+		      },
+		    'url': 'https://hn-favorites.herokuapp.com/stories.json',
+		})
+
+	}
+
+	function getLogin(email, password){
+		$.ajax({
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json"
+			},
+			url: "https://hn-favorites.herokuapp.com/login",
+			data: JSON.stringify({
+				'email': email, 
+				'password': password
+			})
+		}).then(function(data) { 
+			localStorage.setItem('auth_token', data.auth_token);
+			auth_token = data.auth_token;
+			console.log(data.auth_token);
+		})
+
+
+	}
+
+});
diff --git a/call_apply_bind_exercise/callApplyBind.js b/call_apply_bind_exercise/callApplyBind.js
@@ -0,0 +1,50 @@
+"use strict"
+
+function sumEvenArguments(){
+	var arr =  [].slice.call(arguments);
+	return arr.reduce( 
+	   function(t, v){ 
+	       if(v % 2 === 0) { return t+v; } 
+	       else { return t;}
+	   },0);
+}
+
+function arrayFrom(obj){
+	return [].slice.call(obj);
+	//return Array.prototype.slice.call(obj);
+	/*
+	var arr = [];
+
+	for(let i = 0; i < obj.length; i++){
+		arr.push(obj[i]);
+	}
+
+	return arr;
+	*/
+}
+
+function invokeMax(fn, max){
+	var count = 0;
+
+	return function(){
+		if(++count > max) return `Maxed Out!`;
+		var arr = [].slice.call(arguments);
+
+		return fn.apply(this, arr);
+	};
+
+}
+
+function guessingGame(amount){
+	var count  = 0;
+	var answer = Math.floor(Math.random() * 11);
+
+	return function(guess){
+		if(count++ === amount) { return `No more guesses the answer was ${answer}`; }
+		else if(count > amount) { return `You are all done playing!`; }
+		else if(answer > guess){ return "You're too low!"; }
+		else if(answer < guess){ return "You're too high!"; }
+		else if(answer === guess){ return "You got it!"; }
+	}
+
+}
diff --git a/call_apply_bind_exercise/callApplyBindSpec.js b/call_apply_bind_exercise/callApplyBindSpec.js
@@ -32,4 +32,63 @@ describe("#invokeMax", function(){
    expect(addOnlyThreeTimes(1,2)).to.equal("Maxed Out!")
    expect(addOnlyThreeTimes(1,2)).to.equal("Maxed Out!")
   });
+});
+
+describe("#guessingGame", function(){
+
+  it("shuould return the right type", function(){
+    var game = guessingGame(0);
+    expect(typeof game).to.equal('function')
+    expect(typeof game(0)).to.equal('string')
+  });
+
+  it("inner function should return the correct results", function(){
+    var game = guessingGame(0);
+    expect(game(0).substring(0,31)).to.equal('No more guesses the answer was ')
+    expect(game(0)).to.equal('You are all done playing!')
+    expect(game(-1)).to.equal('You are all done playing!')
+    game = guessingGame(10);
+    for(let t = 0; t < 10; t++){
+      expect(game(-1)).to.equal("You're too low!")
+    }
+    expect(game(-1).substring(0,31)).to.equal('No more guesses the answer was ')
+    expect(game(-1)).to.equal('You are all done playing!')
+    expect(game(-1)).to.equal('You are all done playing!')
+    game = guessingGame(12);
+    for(let t = 0; t < 12; t++){
+      expect(game(11)).to.equal("You're too high!")
+    }
+    expect(game(11).substring(0,31)).to.equal('No more guesses the answer was ')
+    expect(game(11)).to.equal('You are all done playing!')
+    expect(game(-1)).to.equal('You are all done playing!')
+    game = guessingGame(11)
+    var gotWin = false;
+    for(let t = 0; t < 11; t++){
+      if(game(t) === "You got it!"){
+        gotWin = true;
+        break;
+      }
+    }
+    expect(gotWin).to.equal(true)
+  });
+
+  it("should have choose every possiblity and change", function(){
+    var cntObj = {0:0, 1:0, 2:0, 3:0, 4:0, 5:0, 6:0, 7:0, 8:0, 9:0, 10:0,};
+    for(let t = 0; t < 1000000; t++){
+      let game = guessingGame(11);
+      for(let n = 0; n < 11; n++){
+        if(game(n) === "You got it!"){
+          cntObj[n]++;
+          break;
+        }
+    }
+
+    // return false or expect(flase).to.equal(true)
+
+  }
+  for(let n = 0; n < 11; n++){
+    expect(cntObj[n] > 10).to.equal(true)
+  }
+  });
+
 });
diff --git a/call_apply_bind_exercise/readme.md b/call_apply_bind_exercise/readme.md
@@ -13,9 +13,40 @@ var obj = {
 }
 ```
 
+```javascript
+var obj = {
+    fullName: "Harry Potter",
+    person: {
+        sayHi: function(){
+            return "This person's name is " + obj.fullName
+        }
+    }
+}
+
+console.log( obj.person.sayHi() );
+
+
+var newObj = { 
+    fullName: "Harry Potter",
+    sayHi() { return `This person's name is ${this.fullName}`; }
+    }
+
+console.log( newObj.sayHi() );
+
+var newerObj = { 
+    fullName: "Harry Potter",}
+
+function sayHi() { return `This person's name is ${this.fullName}`; }
+
+console.log( sayHi.call(obj));
+console.log( sayHi.call(newObj));
+console.log( sayHi.call(newerObj));
+
+```
+
 - List two examples of "array-like-objects" that we have seen.
-    -
-    -
+    - arguments
+    - jQuery selectors like $('p');
 
 ### Functions to write:
 

diff --git a/canvas_exercise/shapes_game/index.html b/canvas_exercise/shapes_game/index.html
@@ -10,33 +10,57 @@
 </head>
 <body>
   <div class="container">
-    <div class="col-xs-10 canvas-container">
-      <canvas id="shapes-game" height="750" width="800"></canvas>
-    </div>
-    <div class="col-xs-2 scores">
-      <h1>Score</h1>
-      <h3><span id="score-val">0</span></h3>
-      <h1>Timer</h1>
-      <h3><span id="time-remaining">30</span></h3>
-      <div class="legend">
-        <h1>Legend</h1>
-        <div class="legend-contents">
-          <div class="triangle-bottomleft-red">
-          </div>
-          <h4>Left</h4>
-          <div class="white-square">
-          </div>
-          <h4>Right</h4>
+
+    <div class="row">
+      <div class="col-md-10 col-xs-12 canvas-container">
+        <canvas id="shapes-game" class="col-xs-12"></canvas>
+      </div>
+
+      <div class="col-md-2 col-xs-12 key">
+
+      <div class="col-md-12 col-xs-6">
+          <h1>Score</h1>
+          <h3><span id="score-val">0</span></h3>
+      </div>
+      <div class="col-md-12 col-xs-6">
+          <h1>Timer</h1>
+          <h3><span id="time-remaining">30</span></h3>
+      </div>
+
+    <div class="legend col-xs-12">
+
+      <h1 class="col-xs-12">Legend</h1>
+
+      <div class="shape col-md-12 col-xs-6">
+        <div class="triangle-bottomleft-red">
+        </div>
+        <h4>Left</h4>
+      </div>
+
+      <div class="shape col-md-12 col-xs-6">
+        <div class="white-square">
+        </div>
+        <h4>Right</h4>
+      </div>
+
+        <div class="shape col-md-12 col-xs-6">
           <div class="triangle-bottomleft-black">
             <div class="triangle-inner-white"></div>
           </div>
           <h4>Up</h4>
-          <div class="red-square">
-          </div>
+        </div>
+
+        <div class="shape col-md-12 col-xs-6">
+          <div class="red-square"></div>
           <h4>Down</h4>
         </div>
-      </div>
+
+    </div>
+
+    </div>
+
     </div>
+
   </div>
 </body>
 </html>