courtney-scripted · February 22, 2018 19:33
diff --git a/index.html b/index.html
 <!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>
        <div id="joke-2">What does the annoying pepper do?</div>
        <hr>
        <div id="joke-3">
            <p> Why did the bike fall over? </p>
        </div>
        <hr>
        <img id="joke-4" src="https://s16.postimg.org/5fso4wcmd/t_WNHJEV.jpghttps://s16.postimg.org/5mu1wwjx1/ZCIkkze.jpg">
 </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"],"hiddenUIComponents":["console","editor.css"]}
diff --git a/script.js b/script.js
 $("#joke-1").click( function(){
   // Task 1: use .html to change the text in joke-1 to "Nacho Cheese"
   
 });

 $("#joke-2").click( function(){
   // Task 2: use .append to add a paragraph with "It gets jalapeño face!" in it.

 });

 // Task 3: Create a click handler that appends a paragraph with "It was two-tired" in it.




 // Task 4: Create a click handler for joke-4 that changes the attribute src from the current image to this image --> "http://i.imgur.com/ZCIkkze.jpg"




 // Bonus: Create a button for each one of these jokes. When the user clicks a button the action should occur




diff --git a/styles.css b/styles.css
 body{
    margin-bottom: 100px;
 }

 div{
    font-size: 2em;
 }
	<!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>
	<div id="joke-2">What does the annoying pepper do?</div>
	<hr>
	<div id="joke-3">
	<p> Why did the bike fall over? </p>
	</div>
	<hr>
	<img id="joke-4" src="https://s16.postimg.org/5fso4wcmd/t_WNHJEV.jpghttps://s16.postimg.org/5mu1wwjx1/ZCIkkze.jpg">
	</body>
	</html>
	$("#joke-1").click( function(){
	// Task 1: use .html to change the text in joke-1 to "Nacho Cheese"

	});

	$("#joke-2").click( function(){
	// Task 2: use .append to add a paragraph with "It gets jalapeño face!" in it.

	});

	// Task 3: Create a click handler that appends a paragraph with "It was two-tired" in it.




	// Task 4: Create a click handler for joke-4 that changes the attribute src from the current image to this image --> "http://i.imgur.com/ZCIkkze.jpg"




	// Bonus: Create a button for each one of these jokes. When the user clicks a button the action should occur