Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE html>
<html>
<head>
<title>07.1 Variables Madlib Mayhem</title>
</head>
<body>
<h1 id="madlib-title"></h1>
<p id="madlib-target"></p>
<script>
function fillMadlib() {
<!DOCTYPE html>
<html>
<head>
<title>jQuery Jokes</title>
</head>
<body>
<h1>JQuery Joke Machine</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Jokes</title>
</head>
<body>
<h1>JQuery Joke Machine</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Jokes</title>
</head>
<body>
<h1>JQuery Joke Machine</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Jokes</title>
</head>
<body>
<h1>JQuery Joke Machine</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Jokes</title>
</head>
<body>
<h1>JQuery Joke Machine</h1>
<hr>
<div id="joke-1">
<p>1. What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Puns</title>
</head>
<body>
<h1>ScriptEd Pun-A-Thon</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Puns</title>
</head>
<body>
<h1>ScriptEd Pun-A-Thon</h1>
<hr>
<div id="joke-1">
<p>What kind of cheese doesn't belong to you?</p>
<!DOCTYPE html>
<html>
<head>
<title>jQuery Puns</title>
</head>
<body>
<h1>ScriptEd Pun-A-Thon</h1>
<hr>
<div id="joke-1"> What kind of cheese doesn't belong to you?</div>
<hr>

03.1 Classes: Subway Line Colors

Give all the subway lines the right color!

  1. Start with the Green line. Add the class Green to the 5 and 6 lines in HTML.

  2. We’ve already written the Green class selector for you in CSS, so you’ll just need to add the right color rule to make the train lines turn green.

  3. Write the selector for the Blue class, and add the right color rule.