bogoreh/jQuery trivia quiz.html

## jQuery trivia quiz.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Challenge: jQuery trivia quiz</title>
        <style>
            #result {
                background: rgb(255, 246, 204);
                border: 2px dotted gold;
                font-size: 24px;
                height: 60px;
                margin-top: 10px;
            }
        </style>
    </head>
    <body>

    <h1>jQuery Quiz</h1>

    <form id="trivia-form">
        <label>
            Who invented jQuery?<br>
            <select id="trivia-answer">
                <option value="eich">Brendan Eich</option>
                <option value="resig">John Resig</option>
                <option value="rossum">Guido van Rossum</option>
                <option value="berners">Tim Berners-Lee</option>
            </select>
        </label> <br>
        <button type="submit">Check Answer</button>
    </form>
    <div id="result"></div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
    $("#trivia-form").on("submit", function(event) {
        event.preventDefault();
        var answer = $("#trivia-answer").val();
        if(answer === "resig") {
           $("#result").text("You're right!");
        } else {
            $("#result").text("You're right!");
        }
    });

    </script>
    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Challenge: jQuery trivia quiz</title>
	<style>
	#result {
	background: rgb(255, 246, 204);
	border: 2px dotted gold;
	font-size: 24px;
	height: 60px;
	margin-top: 10px;
	}
	</style>
	</head>
	<body>

	<h1>jQuery Quiz</h1>

	<form id="trivia-form">
	<label>
	Who invented jQuery?<br>
	<select id="trivia-answer">
	<option value="eich">Brendan Eich</option>
	<option value="resig">John Resig</option>
	<option value="rossum">Guido van Rossum</option>
	<option value="berners">Tim Berners-Lee</option>
	</select>
	</label> <br>
	<button type="submit">Check Answer</button>
	</form>
	<div id="result"></div>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script>
	$("#trivia-form").on("submit", function(event) {
	event.preventDefault();
	var answer = $("#trivia-answer").val();
	if(answer === "resig") {
	$("#result").text("You're right!");
	} else {
	$("#result").text("You're right!");
	}
	});

	</script>
	</body>
	</html>