Skip to content

Instantly share code, notes, and snippets.

@alexpelan
alexpelan / index.html
Created May 15, 2018 11:24
Exported from Popcode. Click to import: http://localhost:3005/?gist=4ce9006ccef2224df16093751b6e10af
<!DOCTYPE html>
<html>
<head>
<title>test for github</title>
</head>
<body>
body of my page
</body>
</html>
@alexpelan
alexpelan / index.html
Created April 9, 2018 03:41
Exported from Popcode. Click to import: http://localhost:3001/?gist=9e3135eafc121bad94edb91bc4fe8336
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
@alexpelan
alexpelan / index.html
Created March 31, 2018 21:31
Exported from Popcode. Click to import: http://localhost:3001/?gist=223f7869fa7dea6089dffd72a38c3286
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>08.1 Return Statements</title>
</head>
<body>
<div id="message"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Greeting Card Maker</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Greeting Card Maker</title>
</head>
<body>
<div class="greeting-card">
<div class="to">
Dear
<!DOCTYPE html>
<html>
<head>
<title>Greeting Card Maker</title>
</head>
<body>
<p>To: <input id="to"> </p>
<p>Message: <input id="message"> </p>
<p>Color: <input id="color"></p>
<p>From: <input id="from"></p>
<!DOCTYPE html>
<html>
<head>
<title>Greeting Card Maker</title>
</head>
<body>
<p>To: <input id="to"> </p>
<p>Message: <input id="message"> </p>
<p>Color: <input id="color"></p>
<p>From: <input id="from"></p>

Age Calculator!

Calculate the user's age from the year they were born!

Create Your Variables, & Get the Input Values

  1. Create a new variable called year.
  2. Get the value of the year input, and store it in the year variable.

Calculate the User's Age

Make Your Own Madlib!

Get the value of the inputs and append them to the page to create your own madlib!

Create Your Variables, & Get the Input Values

  1. Create adjective and verb variables (we've already created noun for you).
  2. Get the value of the adjective input, and store it in the adjective variable.
  3. Get the value of the verb input, and store it in the verb variable.