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);