/index.html

## index.html
<!Doctype HTML>
<html>
    <head>
<script src="https://code.jquery.com/jquery.js"> </script>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Password Guesser></title>

</head>
<body>
    <input id="input">
    <button type="button">can you guess the word!</button>
<h1></h1>
</body>
</html>

## script.js
// JavaScript File
$(document).ready(function() {
	var secretword = "Hello";
	$("button").click(function() {
		if (secretword === $("#input").val()) {
			//instad of using line 11 try line 12
			// $("h1").append("congratulations");
			$("h1").html("congratulations");
		}
		//var name = $("#input").val();
	});
});
	<!Doctype HTML>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery.js"> </script>
	<script src="script.js"></script>
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>Password Guesser></title>

	</head>
	<body>
	<input id="input">
	<button type="button">can you guess the word!</button>
	<h1></h1>
	</body>
	</html>
	// JavaScript File
	$(document).ready(function() {
	var secretword = "Hello";
	$("button").click(function() {
	if (secretword === $("#input").val()) {
	//instad of using line 11 try line 12
	// $("h1").append("congratulations");
	$("h1").html("congratulations");
	}
	//var name = $("#input").val();
	});
	});