venkat/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h2> We are volunteers from ______ </h2>
        <p> Guess the word </p>
        <input id="secret" />
        <button id="confirm">Confirm </button>
        <button id="reset"> Reset </button>
        <p id="answer"></p>
    </body>
</html>

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

## script.js

$("#confirm").click(function() {
     var input = $("#secret").val();

     if(input === "secret") {
       $("#answer").html("you guessed it");

       $("#reset").show();
     }
});

$("#reset").click(function() {
    $("#secret").val('');
    $("#answer").html("");
    $("#reset").hide();
});

## styles.css
#reset {
    display: none;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	</head>
	<body>
	<h2> We are volunteers from ______ </h2>
	<p> Guess the word </p>
	<input id="secret" />
	<button id="confirm">Confirm </button>
	<button id="reset"> Reset </button>
	<p id="answer"></p>
	</body>
	</html>

	$("#confirm").click(function() {
	var input = $("#secret").val();

	if(input === "secret") {
	$("#answer").html("you guessed it");

	$("#reset").show();
	}
	});

	$("#reset").click(function() {
	$("#secret").val('');
	$("#answer").html("");
	$("#reset").hide();
	});