Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
</body>
</html>

Color Picker

Step 1: Drill

Using the provided starter HTML and CSS, make a color picker tool that works like this.

When you have finished this step, submit a snapshot.

Step 2: Brevity

@outoftime
outoftime / index.html
Created March 1, 2018 23:43
Exported from Popcode. Click to import: http://localhost:3000/?gist=ba7176f5c52a1f9c62e7068428a6a948
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>Cryd
doof
</body>
</html>
@outoftime
outoftime / README.md
Last active February 8, 2018 02:01
Exported from Popcode. Click to import: https://popcode.org/?gist=9e7224a8ec8d3f2d33b370cf7eeb8236

Weekend Plan Generator

Give the user some advice on what to do this weekend!

Given the weather and day, advise these activities:

  • If it’s Saturday and it’s sunny, go for a bike ride.
  • If it’s Saturday and it’s cloudy, binge watch Netflix.
  • If it’s Sunday and it’s sunny, go to the park.
  • If it’s Sunday and it’s cloudy, go to the Natural History Museum.

ScriptEdGram

Instagram copied Snapchat, so ScriptEd is going to copy Instagram.

Help make ScriptEdGram, by creating a conditional statement, using if, else if, and else.

Filters

We’re going to define four filters. The user types in the name of a filter to apply it.

Multi-Subject Quiz

Make the multi-subject quiz work correctly!

  1. Change the ? in the if/else statement for the English question so that it checks for the correct answer, which is Mon
  2. Add an if/else statement for the Math question so that it prints “Correct!” if the answer is 30, and “Wrong! Try again” otherwise.
  3. Add an if/else statement for the Social Studies question so that it prints “Correct!” if the answer is Albany, and “Wrong! Try again” otherwise.
  4. Add a click handler with an if / else statement for the Science question so that it checks for the answer solid.

If you finish early…

This is a long line that contains some code. Note that the code has excessive line height which occludes surrounding lines.

Guess the value

In the JavaScript code, there are ten calls to the function guess(). In each case, the function’s first argument is a string value, and the second argument is an expression of some kind.

Your mission is to guess the value of all ten expressions. Currently, all ten guesses are just a question mark, which is not the correct answer to any question.

Change the question mark to the correct value for the expression given as the second argument to guess() in each case.

@outoftime
outoftime / index.html
Created January 3, 2018 00:59
Exported from Popcode. Click to import: http://localhost:3000/?gist=9ace8b4b29220c042f74d3bd93301ec0
<!DOCTYPE html>
<html>
<head>
<title>America's Pizza </title>
</head>
<body>
<img src="https://www.cicis.com/media/1138/pizza_trad_pepperoni.png" >
<img src="http://cdn-image.myrecipes.com/sites/default/files/styles/4_3_horizontal_-_1200x900/public/deep-fried-oreo-mr.jpg?itok=wtj7COMG">
<img src="http://food.fnr.sndimg.com/content/dam/images/food/fullset/2010/1/21/1/FNM_030110-Weeknight-030_s4x3.jpg.rend.hgtvcom.616.462.suffix/1382539254079.jpeg">
<img src="https://images-gmi-pmc.edge-generalmills.com/80fd8638-9b0d-4cba-ba99-9c4b75b4a20c.jpg">
@outoftime
outoftime / README.md
Last active December 17, 2017 23:39
Exported from Popcode. Click to import: https://popcode.org/?gist=2cb7acbb1ce9a00ff03618f75eb9898b

Song Picker

Your goal is to make the song picker fully work. When the title of a song is clicked:

  • That song’s album art should appear
  • The song’s title should be bold

You can check out a fully working demo.

Instructions (Part 1)