kirsten/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h1>Change the background color!</h1>
        <input placeholder="Enter a color">
        <button>Change background</button>
        <p>Refer to <a href="https://en.wikipedia.org/wiki/Web_colors#HTML_color_names" target="_blank">this list</a> of HTML color names for color ideas, or try entering hex color codes!</p>
    </body>
</html>

## popcode.json
{"enabledLibraries":["jquery"]}

## script.js
$('button').click(function() {

// Add some jQuery to change the page's background-color css to the color entered in the input field.

});

## styles.css
body {
    font-family: sans-serif;
}

p {
    font-size: 12px;
    margin-top: 20px;
    font-style: italic;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	</head>
	<body>
	<h1>Change the background color!</h1>
	<input placeholder="Enter a color">
	<button>Change background</button>
	<p>Refer to <a href="https://en.wikipedia.org/wiki/Web_colors#HTML_color_names" target="_blank">this list</a> of HTML color names for color ideas, or try entering hex color codes!</p>
	</body>
	</html>
	$('button').click(function() {

	// Add some jQuery to change the page's background-color css to the color entered in the input field.

	});
	body {
	font-family: sans-serif;
	}

	p {
	font-size: 12px;
	margin-top: 20px;
	font-style: italic;
	}