JS-I&II Push 1

Assignments/arrays.js

@@ -0,0 +1,96 @@
+// To help us use arrays with real world problems we are going to simulate a used car dealer that has 50 cars in their inventory.
+
+// The car dealer has all of their inventory housed in the array seen below.  Scroll down past the data to find out how you can help the car dealer.
+
+let inventory = [{"id":1,"car_make":"Lincoln","car_model":"Navigator","car_year":2009},
+{"id":2,"car_make":"Mazda","car_model":"Miata MX-5","car_year":2001},
+{"id":3,"car_make":"Land Rover","car_model":"Defender Ice Edition","car_year":2010},
+{"id":4,"car_make":"Honda","car_model":"Accord","car_year":1983},
+{"id":5,"car_make":"Mitsubishi","car_model":"Galant","car_year":1990},
+{"id":6,"car_make":"Audi","car_model":"riolet","car_year":1995},
+{"id":7,"car_make":"Smart","car_model":"Fortwo","car_year":2009},
+{"id":8,"car_make":"Audi","car_model":"4000CS Quattro","car_year":1987},
+{"id":9,"car_make":"Ford","car_model":"Windstar","car_year":1996},
+{"id":10,"car_make":"Mercedes-Benz","car_model":"E-Class","car_year":2000},
+{"id":11,"car_make":"Infiniti","car_model":"G35","car_year":2004},
+{"id":12,"car_make":"Lotus","car_model":"Esprit","car_year":2004},
+{"id":13,"car_make":"Chevrolet","car_model":"Cavalier","car_year":1997},
+{"id":14,"car_make":"Dodge","car_model":"Ram Van 1500","car_year":1999},
+{"id":15,"car_make":"Dodge","car_model":"Intrepid","car_year":2000},
+{"id":16,"car_make":"Mitsubishi","car_model":"Montero Sport","car_year":2001},
+{"id":17,"car_make":"Buick","car_model":"Skylark","car_year":1987},
+{"id":18,"car_make":"Geo","car_model":"Prizm","car_year":1995},
+{"id":19,"car_make":"Oldsmobile","car_model":"Bravada","car_year":1994},
+{"id":20,"car_make":"Mazda","car_model":"Familia","car_year":1985},
+{"id":21,"car_make":"Chevrolet","car_model":"Express 1500","car_year":2003},
+{"id":22,"car_make":"Jeep","car_model":"Wrangler","car_year":1997},
+{"id":23,"car_make":"Eagle","car_model":"Talon","car_year":1992},
+{"id":24,"car_make":"Toyota","car_model":"MR2","car_year":2003},
+{"id":25,"car_make":"BMW","car_model":"525","car_year":2005},
+{"id":26,"car_make":"Cadillac","car_model":"Escalade","car_year":2005},
+{"id":27,"car_make":"Infiniti","car_model":"Q","car_year":2000},
+{"id":28,"car_make":"Suzuki","car_model":"Aerio","car_year":2005},
+{"id":29,"car_make":"Mercury","car_model":"Topaz","car_year":1993},
+{"id":30,"car_make":"BMW","car_model":"6 Series","car_year":2010},
+{"id":31,"car_make":"Pontiac","car_model":"GTO","car_year":1964},
+{"id":32,"car_make":"Dodge","car_model":"Ram Van 3500","car_year":1999},
+{"id":33,"car_make":"Jeep","car_model":"Wrangler","car_year":2011},
+{"id":34,"car_make":"Ford","car_model":"Escort","car_year":1991},
+{"id":35,"car_make":"Chrysler","car_model":"300M","car_year":2000},
+{"id":36,"car_make":"Volvo","car_model":"XC70","car_year":2003},
+{"id":37,"car_make":"Oldsmobile","car_model":"LSS","car_year":1997},
+{"id":38,"car_make":"Toyota","car_model":"Camry","car_year":1992},
+{"id":39,"car_make":"Ford","car_model":"Econoline E250","car_year":1998},
+{"id":40,"car_make":"Lotus","car_model":"Evora","car_year":2012},
+{"id":41,"car_make":"Ford","car_model":"Mustang","car_year":1965},
+{"id":42,"car_make":"GMC","car_model":"Yukon","car_year":1996},
+{"id":43,"car_make":"Mercedes-Benz","car_model":"R-Class","car_year":2009},
+{"id":44,"car_make":"Audi","car_model":"Q7","car_year":2012},
+{"id":45,"car_make":"Audi","car_model":"TT","car_year":2008},
+{"id":46,"car_make":"Oldsmobile","car_model":"Ciera","car_year":1995},
+{"id":47,"car_make":"Volkswagen","car_model":"Jetta","car_year":2007},
+{"id":48,"car_make":"Dodge","car_model":"Magnum","car_year":2008},
+{"id":49,"car_make":"Chrysler","car_model":"Sebring","car_year":1996},
+{"id":50,"car_make":"Lincoln","car_model":"Town Car","car_year":1999}];
+
+// PROJECT RESTRICTION: You can't use map, reduce, or filter to solve these problems.  Only use native JavaScript for loops.
+
+// Example for loop:
+// arr = [1,2,3,4];
+// for (i = 0; i < arr.length; i++) {
+//     arr[i]; // 1,2,3,4
+// }
+
+// ==== Challenge 1 ====
+// The dealer can't recall the information for a car with an id of 33 on his lot. Help the dealer find out which car has an id of 33 by logging the car's year, make, and model in the console log provided to you below:
+console.log(`Car 33 is a *car year goes here* *car make goes here* *car model goes here*` );
+
+
+
+// ==== Challenge 2 ====
+// The dealer needs the information on the last car in their inventory.  What is the make and model of the last car in the inventory?  Log the make and model into the console.
+let lastCar = 0;
+console.log();
+
+// ==== Challenge 3 ====
+// The marketing team wants the car models listed alphabetically on the website. Sort all the car model names into alphabetical order and log the results in the console
+let carModels = [];
+console.log();
+
+// ==== Challenge 4 ====
+// The accounting team needs all the years from every car on the lot. Create a new array from the dealer data containing only the car years and log the result in the console.
+let carYears = [];
+console.log();
+
+// ==== Challenge 5 ====
+// The car lot manager needs to find out how many cars are older than the year 2000. Using the carYears array you just created, find out how many cars were made before the year 2000 by populating the array oldCars and logging it's length.
+let oldCars =[];
+console.log(); 
+
+// ==== Challenge 6 ====
+// A buyer is interested in seeing only BMW and Audi cars within the inventory.  Return an array that only contains BMW and Audi cars.  Once you have populated the BMWAndAudi array, use JSON.stringify() to show the results of the array in the console.
+let BMWAndAudi =[];
+console.log();
+
+
+

Assignments/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <title>JS I</title>
+
+  <script src="objects.js"></script>
+  <script src="arrays.js"></script>
+  <script src="stretch-function-conversion.js"></script>
+</head>
+
+<body>
+<h1>Check your work in the console!</h1>
+</body>
+</html>

Assignments/objects.js

@@ -0,0 +1,64 @@
+// Let's get some practice writing a few objects for a new group of interns at a small business.
+
+// ==== Challenge 1: Writing Objects ==== 
+// HR needs some information on the new interns put into a database.  Given an id, email, first name, and gender. Create an object for each person in the company list:
+
+// 1,[email protected],Mitzi,F
+// 2,[email protected],Kennan,M
+// 3,[email protected],Keven,M
+// 4,[email protected],Gannie,M
+// 5,[email protected],Antonietta,F
+
+// Example format of an intern object: 1,[email protected],Example,F
+const example = {
+  "id": 0,
+  "name": "Example",
+  "email": "[email protected]",
+  "gender": "F"
+}
+
+// Write your intern objects here:
+
+
+// ==== Challenge 2: Reading Object Data ==== 
+// Once your objects are created, log out the following requests from HR into the console:
+
+// Mitzi's name
+
+// Kennan's ID
+
+// Keven's email
+
+// Gannie's name
+
+// Antonietta's Gender
+
+// ==== Challenge 3: Object Methods ==== 
+// Give Kennan the ability to say "Hello, my name is Kennan!" Use the console.log provided as a hint.
+// console.log(kennan.speak());
+
+// Antonietta loves math, give her the ability to multiply two numbers together and return the product. Use the console.log provided as a hint.
+//console.log(antonietta.multiplyNums(3,4));
+
+// === Great work! === Head over to the the arrays.js file or take a look at the stretch challenge
+
+// ==== Stretch Challenge: Nested Objects and the this keyword ==== 
+
+// 1. Create a parent object with properties for name and age.  Make the name Susan and the age 70.
+// 2. Nest a child object in the parent object with name and age as well.  The name will be George and the age will be 50.
+// 3. Nest a grandchild object in the child object with properties for name and age.  The name will be Sam and the age will be 30
+// 4. Give each of the objects the ability to speak their names using the this keyword.
+
+const parent = {}
+
+// Log the parent object's name
+
+// Log the child's age
+
+// Log the name and age of the grandchild
+
+// Have the parent speak
+
+// Have the child speak
+
+// Have the grandchild speak

Assignments/stretch-function-conversion.js

@@ -0,0 +1,23 @@
+// Take the commented ES5 syntax and convert it to ES6 arrow Syntax
+
+// let myFunction = function () {};
+
+// let anotherFunction = function (param) {
+//   return param;
+// };
+
+// let add = function (param1, param2) {
+//   return param1 + param2;
+// };
+// add(1,2);
+
+// let subtract = function (param1, param2) {
+//   return param1 - param2;
+// };
+// subtract(1,2);
+
+// exampleArray = [1,2,3,4];
+// const triple = exampleArray.map(function (num) {
+//   return num * 3;
+// });
+// console.log(triple);

arrays.js

@@ -0,0 +1,96 @@
+// To help us use arrays with real world problems we are going to simulate a used car dealer that has 50 cars in their inventory.
+
+// The car dealer has all of their inventory housed in the array seen below.  Scroll down past the data to find out how you can help the car dealer.
+
+let inventory = [{"id":1,"car_make":"Lincoln","car_model":"Navigator","car_year":2009},
+{"id":2,"car_make":"Mazda","car_model":"Miata MX-5","car_year":2001},
+{"id":3,"car_make":"Land Rover","car_model":"Defender Ice Edition","car_year":2010},
+{"id":4,"car_make":"Honda","car_model":"Accord","car_year":1983},
+{"id":5,"car_make":"Mitsubishi","car_model":"Galant","car_year":1990},
+{"id":6,"car_make":"Audi","car_model":"riolet","car_year":1995},
+{"id":7,"car_make":"Smart","car_model":"Fortwo","car_year":2009},
+{"id":8,"car_make":"Audi","car_model":"4000CS Quattro","car_year":1987},
+{"id":9,"car_make":"Ford","car_model":"Windstar","car_year":1996},
+{"id":10,"car_make":"Mercedes-Benz","car_model":"E-Class","car_year":2000},
+{"id":11,"car_make":"Infiniti","car_model":"G35","car_year":2004},
+{"id":12,"car_make":"Lotus","car_model":"Esprit","car_year":2004},
+{"id":13,"car_make":"Chevrolet","car_model":"Cavalier","car_year":1997},
+{"id":14,"car_make":"Dodge","car_model":"Ram Van 1500","car_year":1999},
+{"id":15,"car_make":"Dodge","car_model":"Intrepid","car_year":2000},
+{"id":16,"car_make":"Mitsubishi","car_model":"Montero Sport","car_year":2001},
+{"id":17,"car_make":"Buick","car_model":"Skylark","car_year":1987},
+{"id":18,"car_make":"Geo","car_model":"Prizm","car_year":1995},
+{"id":19,"car_make":"Oldsmobile","car_model":"Bravada","car_year":1994},
+{"id":20,"car_make":"Mazda","car_model":"Familia","car_year":1985},
+{"id":21,"car_make":"Chevrolet","car_model":"Express 1500","car_year":2003},
+{"id":22,"car_make":"Jeep","car_model":"Wrangler","car_year":1997},
+{"id":23,"car_make":"Eagle","car_model":"Talon","car_year":1992},
+{"id":24,"car_make":"Toyota","car_model":"MR2","car_year":2003},
+{"id":25,"car_make":"BMW","car_model":"525","car_year":2005},
+{"id":26,"car_make":"Cadillac","car_model":"Escalade","car_year":2005},
+{"id":27,"car_make":"Infiniti","car_model":"Q","car_year":2000},
+{"id":28,"car_make":"Suzuki","car_model":"Aerio","car_year":2005},
+{"id":29,"car_make":"Mercury","car_model":"Topaz","car_year":1993},
+{"id":30,"car_make":"BMW","car_model":"6 Series","car_year":2010},
+{"id":31,"car_make":"Pontiac","car_model":"GTO","car_year":1964},
+{"id":32,"car_make":"Dodge","car_model":"Ram Van 3500","car_year":1999},
+{"id":33,"car_make":"Jeep","car_model":"Wrangler","car_year":2011},
+{"id":34,"car_make":"Ford","car_model":"Escort","car_year":1991},
+{"id":35,"car_make":"Chrysler","car_model":"300M","car_year":2000},
+{"id":36,"car_make":"Volvo","car_model":"XC70","car_year":2003},
+{"id":37,"car_make":"Oldsmobile","car_model":"LSS","car_year":1997},
+{"id":38,"car_make":"Toyota","car_model":"Camry","car_year":1992},
+{"id":39,"car_make":"Ford","car_model":"Econoline E250","car_year":1998},
+{"id":40,"car_make":"Lotus","car_model":"Evora","car_year":2012},
+{"id":41,"car_make":"Ford","car_model":"Mustang","car_year":1965},
+{"id":42,"car_make":"GMC","car_model":"Yukon","car_year":1996},
+{"id":43,"car_make":"Mercedes-Benz","car_model":"R-Class","car_year":2009},
+{"id":44,"car_make":"Audi","car_model":"Q7","car_year":2012},
+{"id":45,"car_make":"Audi","car_model":"TT","car_year":2008},
+{"id":46,"car_make":"Oldsmobile","car_model":"Ciera","car_year":1995},
+{"id":47,"car_make":"Volkswagen","car_model":"Jetta","car_year":2007},
+{"id":48,"car_make":"Dodge","car_model":"Magnum","car_year":2008},
+{"id":49,"car_make":"Chrysler","car_model":"Sebring","car_year":1996},
+{"id":50,"car_make":"Lincoln","car_model":"Town Car","car_year":1999}];
+
+// PROJECT RESTRICTION: You can't use map, reduce, or filter to solve these problems.  Only use native JavaScript for loops.
+
+// Example for loop:
+// arr = [1,2,3,4];
+// for (i = 0; i < arr.length; i++) {
+//     arr[i]; // 1,2,3,4
+// }
+
+// ==== Challenge 1 ====
+// The dealer can't recall the information for a car with an id of 33 on his lot. Help the dealer find out which car has an id of 33 by logging the car's year, make, and model in the console log provided to you below:
+console.log(`Car 33 is a *car year goes here* *car make goes here* *car model goes here*` );
+
+
+
+// ==== Challenge 2 ====
+// The dealer needs the information on the last car in their inventory.  What is the make and model of the last car in the inventory?  Log the make and model into the console.
+let lastCar = 0;
+console.log();
+
+// ==== Challenge 3 ====
+// The marketing team wants the car models listed alphabetically on the website. Sort all the car model names into alphabetical order and log the results in the console
+let carModels = [];
+console.log();
+
+// ==== Challenge 4 ====
+// The accounting team needs all the years from every car on the lot. Create a new array from the dealer data containing only the car years and log the result in the console.
+let carYears = [];
+console.log();
+
+// ==== Challenge 5 ====
+// The car lot manager needs to find out how many cars are older than the year 2000. Using the carYears array you just created, find out how many cars were made before the year 2000 by populating the array oldCars and logging it's length.
+let oldCars =[];
+console.log(); 
+
+// ==== Challenge 6 ====
+// A buyer is interested in seeing only BMW and Audi cars within the inventory.  Return an array that only contains BMW and Audi cars.  Once you have populated the BMWAndAudi array, use JSON.stringify() to show the results of the array in the console.
+let BMWAndAudi =[];
+console.log();
+
+
+

index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <title>JS I</title>
+
+  <script src="objects.js"></script>
+  <script src="arrays.js"></script>
+  <script src="stretch-function-conversion.js"></script>
+</head>
+
+<body>
+<h1>Check your work in the console!</h1>
+</body>
+</html>