sheafk/jQueryLessonForScriptEd.html

## jQueryLessonForScriptEd.html
<!DOCTYPE html>
<html>
    <head>
        <title>jQuery Practice 1</title>
    </head>
    <body>
        <h1>The jQuery Site</h1>
        <div id="info"></div>
        <div id="cool"> jQuery is cool I guess</div>
        <img id="pic" src="www.fake.com">
    </body>
</html>

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

## script.js
//Task 1: Use jQuery to make the text "The jQuery Site" be green.
$("h1").css("color", "green");


//Task 2: Use jQuery to append the text "This site was made almost entirely using jQuery!" to the id info.

$("#info").append("<p>This site was made almost entirely using jQuery!</p>");


//Task 3: Use jQuery to change the text in the div cool to say "jQuery is AWESOME!"
    //hint: this needs to be done using the action .html

$("#cool").html("jQuery is AWESOME!");

//Task 4: Use jQuery to change the source attribute in the ID pic to this link --> "https://cdn.meme.am/instances/57092433.jpg"
    //hint: you will need to use a selector found on page 6 of the reference table

$("#pic").attr("src", "https://cdn.meme.am/instances/57092433.jpg");

//Bonus: Use jQuery to make it so that when you click on the h1 tag the text changes to your name

$("h1").click(function() {
    $("h1").html("Shea");});

// var audio = new Audio('http://www.freesound.org/data/previews/209/209990_2417953-lq.mp3');

// $("#pic").mouseenter(function() {
//     audio.play();
//   });

// $("#pic").mouseleave(function(){
//     audio.pause();
//     });
	<!DOCTYPE html>
	<html>
	<head>
	<title>jQuery Practice 1</title>
	</head>
	<body>
	<h1>The jQuery Site</h1>
	<div id="info"></div>
	<div id="cool"> jQuery is cool I guess</div>
	<img id="pic" src="www.fake.com">
	</body>
	</html>
	//Task 1: Use jQuery to make the text "The jQuery Site" be green.
	$("h1").css("color", "green");


	//Task 2: Use jQuery to append the text "This site was made almost entirely using jQuery!" to the id info.

	$("#info").append("<p>This site was made almost entirely using jQuery!</p>");


	//Task 3: Use jQuery to change the text in the div cool to say "jQuery is AWESOME!"
	//hint: this needs to be done using the action .html

	$("#cool").html("jQuery is AWESOME!");

	//Task 4: Use jQuery to change the source attribute in the ID pic to this link --> "https://cdn.meme.am/instances/57092433.jpg"
	//hint: you will need to use a selector found on page 6 of the reference table

	$("#pic").attr("src", "https://cdn.meme.am/instances/57092433.jpg");

	//Bonus: Use jQuery to make it so that when you click on the h1 tag the text changes to your name

	$("h1").click(function() {
	$("h1").html("Shea");});

	// var audio = new Audio('http://www.freesound.org/data/previews/209/209990_2417953-lq.mp3');

	// $("#pic").mouseenter(function() {
	// audio.play();
	// });

	// $("#pic").mouseleave(function(){
	// audio.pause();
	// });