Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions lab-01/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>About Me</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />

</head>
<body>
<h1><center>About Me</em></center></h1>

<ul>
<li>Name: <span id = 'name'>name</span></li><br>
<li>Do you like movies?: <span id = 'movies'>movies</span></li><br> <li>Are you a coder?: <span id = 'coder'>coder</span></li><br>
<li>Favorite Number: <span id = 'faveNum'>faveNum</span></li><br>
<li>Do you play sports?: <span id = 'sports'>sports</span></li><br>
<li>Are you born in the United States?: <span id = 'born'>born</span></li><br>
<li>What do you want to do? <u>As a prospective job seeker, I want to consider adopting additional features that I have seen in the 'About Me' projects made by other, so that my 'About Me' can become more thorough and interesting than my original conception.</u></li><br>

<center><h2>Top Ten Movies</h2></center>

<ol>
<li>John Wick 1 and 2</li><br></a>
<li>The Raid Redemption</li><br>
<li>Logan</li><br>
<li>Thor: Ragnarok</li><br>
<li>The Raid Berandal</li><br>
<li>Django Unchained</li><br>
<li>27 Days later</li><br>
<li>A Quiet Place</li><br>
<li>Shawshank Redemption</li><br>
<li>The Fast and The Furious saga</li><br>

</ol>

</ul>
</body>
<script src="main.js"></script>
</html>
17 changes: 17 additions & 0 deletions lab-01/main.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
body {
margin: 0 auto;
background-color: darkgray;
}

h1 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h2 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

li {
font-family: Verdana, Geneva, Tahoma, sans-serif;
margin: 0 auto;
}
42 changes: 42 additions & 0 deletions lab-01/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
console.log(alert("Let's go"));

//These are the prompts section (pop-ups)
let name = prompt("What's your name?");
let movies = prompt('Do you like movies?');
let coder = prompt('Are you a coder?');
let faveNum = prompt('What is your favorite number?');
let sports = prompt('Do you play sports?');
let born = prompt('Are you born in the United States?');

//The "if" functions section
if(name){
document.getElementById('name').innerText = name;
}

if(movies){
document.getElementById('movies').innerText = movies;
}

if(coder){
document.getElementById('coder').innerText = coder;
}

if(faveNum){
document.getElementById('faveNum').innerText = faveNum;
}

if(sports){
document.getElementById('sports').innerText = sports;
}

if(born){
document.getElementById('born').innerText = born;
}

//This section is where I put my console.log(s)
console.log(name);
console.log(movies);
console.log(coder);
console.log(faveNum);
console.log(born);

14 changes: 14 additions & 0 deletions lab-04 cookies/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Cookie Beatdown</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
</head>
<body>

</body>
</html>
Empty file added lab-04 cookies/main.css
Empty file.
70 changes: 70 additions & 0 deletions lab-04 cookies/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
function Store(name, location, product, costumers) {
this.storeName = name;
this.storeLoc = location;
this.storeProduct = product;
this.storeCostumers = costumers;
}

let storeOne = new Store('Vanilla Store', 'Baltimore', 'Vanilla Cookies', 150);
let storeTwo = new Store('Chocolate Store', 'Bethesda', 'Chocolate Cookies', 180);

console.log(storeOne);
console.log(storeTwo);

Store.prototype.price = 7.30;
Store.prototype.revenue = 0;

Store.prototype.calRevenue = function(){
this.revenue = this.costumers*this.price;
}

console.log(storeOne);
console.log(storeTwo);
// let storeOne = {
// name: 'Chocolate Store',
// product: 'Chocolate Cookies',
// costumers: 150,
// employees: 5,
// location: 'Bethesda',
// createCostumer: function() {
// console.log(this.product);
// }

// }

// let storeTwo = {
// name: 'Vanilla Store',
// product: 'Vanilla Cookies',
// costumers: 200,
// employees: 10,
// location: 'Baltimore',
// getProduct: function() {
// console.log(this.product);
// }
// }

// //array of objects
// let objArray = [storeOne, storeTwo];

// //creating elements
// let elBody = document.getElementById('myBody');
// let elTable = document.createElement('table');
// console.log(elTable);
// elTable.setAttribute('class', 'class-table');
// elBody.appendChild(elTable);

// //looping through the array of objects
// for(let i = 0; i < objArray.length; i++) {
// let elRow = document.createElement('tr');
// elRow.textContent = objectArray[i].name;




// console.log(objArray[i].name);
// console.log(objArray[i].location);
// console.log(objArray[i].employees);
// objArray[i].price = 10;
// objArray[i].revenue = objArray[i].price * objArray[i].costumers;
// console.log(objArray[i]);
// }