jeffpowrs/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Parts of Speech: We Do</title>
    </head>
    <body>
    <h1 id = "header">This page is about using variables with jQuery.</h1>
    <div id="background">
        <div id ="sentence"></div>
    </div>
    </body>
</html>

## script.js
/*
  YOU DO: Variable & jQuery practice
*/

// Challenge #1

// Create a variable that holds a CSS color.
// for example "blue"


// Challenge #2

// FIRST Use jQuery to select the HTML element with the ID of background.
// ** Remember that the ID is CASE-SENSITIVE.

// THEN append the variable's value inside of the HTML element you selected
// using jQuery.


// Challenge #3

// FIRST Use jQuery to select the HTML element with the ID of "background" again.
// ** Remember that the ID is CASE-SENSITIVE.

// THEN set the "background-color" of the HTML element to the variable's value
// using jQuery.


## styles.css
#header{
    color: red;
}

#background {
    height: 600px;
    outline: 1px solid black;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Parts of Speech: We Do</title>
	</head>
	<body>
	<h1 id = "header">This page is about using variables with jQuery.</h1>
	<div id="background">
	<div id ="sentence"></div>
	</div>
	</body>
	</html>
	/*
	YOU DO: Variable & jQuery practice
	*/

	// Challenge #1

	// Create a variable that holds a CSS color.
	// for example "blue"





	// Challenge #2

	// FIRST Use jQuery to select the HTML element with the ID of background.
	// ** Remember that the ID is CASE-SENSITIVE.

	// THEN append the variable's value inside of the HTML element you selected
	// using jQuery.






	// Challenge #3

	// FIRST Use jQuery to select the HTML element with the ID of "background" again.
	// ** Remember that the ID is CASE-SENSITIVE.

	// THEN set the "background-color" of the HTML element to the variable's value
	// using jQuery.
	#header{
	color: red;
	}

	#background {
	height: 600px;
	outline: 1px solid black;
	}