fozzle/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Do Now 5.1.0</title>
    </head>
    <body>
        <button id = "magic">Click Here</button>
        <button id = "appear">Click Here to make words appear</button>
        <h1>Make this text hide</h1>
    </body>
</html>

## script.js
$("#magic").click(function(){
    // Make it so that when the button is clicked, the h1 text hides.
    // See page 6 of your reference table for help.
    // Your code wil go on line 5

    });

## styles.css
#magic{
    margin: 20px;
    }

h1{
    margin:0px;
    }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Do Now 5.1.0</title>
	</head>
	<body>
	<button id = "magic">Click Here</button>
	<button id = "appear">Click Here to make words appear</button>
	<h1>Make this text hide</h1>
	</body>
	</html>
	$("#magic").click(function(){
	// Make it so that when the button is clicked, the h1 text hides.
	// See page 6 of your reference table for help.
	// Your code wil go on line 5

	});