mackenco/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Parts of Speech: We Do</title>
    </head>
    <body>
        <h1 id = "header">This is a page about the parts of speech</h1>
        <h1 id = "noun"> This is a noun --> </h1>
        <h1 id = "noun2"> This is a DIFFERENT noun --> </h1>
        <h1 id = "adj"> This is a adjective --> </h1>
        <h1 id = "verb"> This is a verb --> </h1>
        <div id ="sentence"></div>
    </body>
</html>

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

## script.js
/*
  DO NOW: Variable Practive
*/

// Update the value of the noun variable so you see something on the page
var noun = '';
$('#noun').append(noun);

// Uncomment out the code below. What do you need to add to make it work?
//$('#adj').append(adjective);

// Declare a variable called verb and append it to the h1 with the id 'verb'

// *Reassign* the variable 'noun' so the HTML makes sense
$('#noun2').append(noun);

// What is the difference between creating a variable and assigning a variable?

// Uncomment out the below code and see what it does. There are things here you haven't
// seen yet. What do you think they're doing? What is the result in the HTML?
//$("#sentence").html(`I ${verb} the ${adjective} ${noun}`);

## styles.css
#header{
    color: red;
    }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Parts of Speech: We Do</title>
	</head>
	<body>
	<h1 id = "header">This is a page about the parts of speech</h1>
	<h1 id = "noun"> This is a noun --> </h1>
	<h1 id = "noun2"> This is a DIFFERENT noun --> </h1>
	<h1 id = "adj"> This is a adjective --> </h1>
	<h1 id = "verb"> This is a verb --> </h1>
	<div id ="sentence"></div>
	</body>
	</html>
	/*
	DO NOW: Variable Practive
	*/

	// Update the value of the noun variable so you see something on the page
	var noun = '';
	$('#noun').append(noun);

	// Uncomment out the code below. What do you need to add to make it work?
	//$('#adj').append(adjective);

	// Declare a variable called verb and append it to the h1 with the id 'verb'

	// Reassign the variable 'noun' so the HTML makes sense
	$('#noun2').append(noun);

	// What is the difference between creating a variable and assigning a variable?

	// Uncomment out the below code and see what it does. There are things here you haven't
	// seen yet. What do you think they're doing? What is the result in the HTML?
	//$("#sentence").html(`I ${verb} the ${adjective} ${noun}`);