outoftime · February 6, 2018 02:05
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>09.2 Multiple Conditions ScriptEdGram</title>
        <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
    </head>
    <body>
        <h1>ScriptEdGram: Choose a filter.</h1>
        <img src="https://upload.wikimedia.org/wikipedia/commons/d/d6/Half_Dome_from_Glacier_Point%2C_Yosemite_NP_-_Diliff.jpg">
        <p> Choose one of the following filters: Harlem, Bushwick, SOMA, or Sunset. </p>
        <input placeholder="Harlem">
        <button id="applyFilter"> Apply filter </button>
        <div>
            <button id="reset">Reset</button>
        </div>
        
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"],"hiddenUIComponents":["console","editor.css","editor.html"]}
diff --git a/script.js b/script.js
 $("#applyFilter").click(function() {
    var filter = $("input").val();

    // Modify the rest of this click handler to apply the right filter based on what the user has typed.
    
    $("img").css("filter", "contrast(115%) brightness(120%)");
    
 });

 $("#reset").click(function() {
    $("img").css("filter", "");
 });
diff --git a/styles.css b/styles.css
 body {
    font-family: sans-serif;
 }

 h1 {
 font-family: 'Satisfy', cursive;
   
 }
 img {
    max-width: 100%;
 }
	<!DOCTYPE html>
	<html>
	<head>
	<title>09.2 Multiple Conditions ScriptEdGram</title>
	<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
	</head>
	<body>
	<h1>ScriptEdGram: Choose a filter.</h1>
	<img src="https://upload.wikimedia.org/wikipedia/commons/d/d6/Half_Dome_from_Glacier_Point%2C_Yosemite_NP_-_Diliff.jpg">
	<p> Choose one of the following filters: Harlem, Bushwick, SOMA, or Sunset. </p>
	<input placeholder="Harlem">
	<button id="applyFilter"> Apply filter </button>
	<div>
	<button id="reset">Reset</button>
	</div>

	</body>
	</html>
	$("#applyFilter").click(function() {
	var filter = $("input").val();

	// Modify the rest of this click handler to apply the right filter based on what the user has typed.

	$("img").css("filter", "contrast(115%) brightness(120%)");

	});

	$("#reset").click(function() {
	$("img").css("filter", "");
	});