Skip to content

Instantly share code, notes, and snippets.

View alexpelan's full-sized avatar
🙃

Alex Pelan alexpelan

🙃
31 followers · 3 following
View GitHub Profile
@alexpelan
alexpelan / README.md
Created January 7, 2018 21:49
Exported from Popcode.

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.
@alexpelan
alexpelan / README.md
Last active January 7, 2018 21:48
Exported from Popcode. Click to import: https://popcode.org/?gist=ece78d0dd4b16a6fdf4e14d4a9dacfae

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.
@alexpelan
alexpelan / README.md
Created December 4, 2017 02:37
Exported from Popcode. Click to import: https://popcode.org/?gist=9e878827b8a841291abb36d146535f30
  1. In your HTML, give your page a title <title> Function Declaration </title>
  2. Call the square function 4 times to draw 4 squares
  3. Call the rectangle function 2 times to draw 2 rectangles.
@alexpelan
alexpelan / README.md
Created December 3, 2017 23:26
Exported from Popcode. Click to import: https://popcode.org/?gist=2724c41f6fa090ab25d2d7b33ec11bee
  1. In your HTML, give your page a title <title> Function Declaration </title>
  2. Create a square(); function that draws a square and call it four times to create four squares next to each other.
  3. Create a rectangle(); function that draws a rectangle. Call it two times.
@alexpelan
alexpelan / index.html
Last active December 3, 2017 23:03
Exported from Popcode. Click to import: https://popcode.org/?gist=89dfb4a7f1b6a5e6360d732e1886ddc0
<!DOCTYPE html>
<html>
<head>
<title>Tiny Turtle</title>
<script src="https://toolness.github.io/tiny-turtle/tiny-turtle.js"></script>
</head>
<body>
<h1>Tiny Turtle</h1>
<canvas></canvas>
</body>
@alexpelan
alexpelan / index.html
Last active November 9, 2017 01:55
Exported from Popcode. Click to import: https://popcode.org/?gist=28a783ab9512f440ae7d06f081838293
<!DOCTYPE html>
<html>
<head>
<title>05.3 jQuery Actions jQuery Funhouse</title>
</head>
<body>
<div class="row">
<div class="control">
<img id="garage-door-opener" src="https://cl.ly/1V3c0o172S0N/garagedoor.jpg">
</div>
@alexpelan
alexpelan / index.html
Last active November 6, 2017 00:44
Exported from Popcode. Click to import: https://popcode.org/?gist=77610153849c3091f690b923f9ab1c7a
<!DOCTYPE html>
<html>
<head>
<title>05.4 Multiple jQuery actions in one Click Handler</title>
</head>
<body>
<button id='button1'> Show box </button>
<div id='blue'> </div>
<div id='red'> </div>
</body>
@alexpelan
alexpelan / README.md
Last active October 11, 2017 23:00
Exported from Popcode. Click to import: https://popcode.org/?gist=d061c30047120c1a8169a824180cb45a

Task 1:

Add classes to your html organize the places by borough.

Task 2:

Use CSS to make each of the classes look different. Manhattan, Brooklyn, Bronx and Staten Island and Queens should all have distinguishing characteristics (think about text color, background color, text size, etc.)

@alexpelan
alexpelan / README.md
Created October 11, 2017 22:02
Exported from Popcode. Click to import: https://popcode.org/?gist=834f6fe2a351d0e3dc02f1e5efa4a9f8

Task 1:

Add classes to your html organize the places by borough.

Task 2:

Use CSS to make each of the classes look different. Manhattan, Brooklyn, Bronx and Staten Island and Queens should all have distinguishing characteristics (think about text color, background color, text size, etc.)

@alexpelan
alexpelan / README.md
Created October 11, 2017 22:00
Exported from Popcode. Click to import: https://popcode.org/?gist=9149a120e92361f015cdb2aa2869f07f

Task 1:

Add classes to your html organize the places by borough.

Task 2:

Use CSS to make each of the classes look different. Manhattan, Brooklyn, Bronx and Staten Island and Queens should all have distinguishing characteristics (think about text color, background color, text size, etc.)