alexpelan · November 30, 2016 05:55
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <p class="knock"> Knock knock.</p>
        <p class="whos"> Who's there? </p>
        <input id="adjective"> <button class="js-first">Enter your name</button>
        <p class="next"> who?</p>
        <input id="punchline"> <button class="js-second">Finish the joke!</button>
        <p class="punchline"></p>
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"]}
diff --git a/script.js b/script.js
 $(".js-first").click(function() {
    $(".next").prepend($("#adjective").val());
 });

 $(".js-second").click(function() {
    $(".punchline").append($("#punchline").val()); 
 });
diff --git a/styles.css b/styles.css
 .knock {
    color: red;
    font-size: 24px;
 }

 .whos {
    color: blue;
    font-size: 24px;
 }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	</head>
	<body>
	<p class="knock"> Knock knock.</p>
	<p class="whos"> Who's there? </p>
	<input id="adjective"> <button class="js-first">Enter your name</button>
	<p class="next"> who?</p>
	<input id="punchline"> <button class="js-second">Finish the joke!</button>
	<p class="punchline"></p>
	</body>
	</html>
	$(".js-first").click(function() {
	$(".next").prepend($("#adjective").val());
	});

	$(".js-second").click(function() {
	$(".punchline").append($("#punchline").val());
	});