<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Basic Quiz Application with login and logout options as well as computation of final scores</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="\css\topicpage_1.css">
	<script>
		function score(){
	    var count=0;
	    if (document.getElementById('correct_1').checked) {
	    	count=count+1;
	    }
	    if (document.getElementById('correct_2').checked) {
			count=count+1;
		}
		if (document.getElementById('correct_3').checked) {
			count=count+1;
		}
		alert("Score obtained = " + count + "\nRedirecting to the home screen");
		window.location.replace('/');
		}
	</script>
</head>
<body>
	<main>
		<form>
			<h2>Q1 Who won the silver medal in women's singles at the 2016 Rio Olympics ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="badminton" value="Saina Nehwal">Saina Nehwal <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton" value="Pusarla Venkata Sindhu"  id="correct_1">Pusarla Venkata Sindhu <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton" value="Jwala Gutta">Jwala Gutta <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton" value="Ashwini Ponnappa">Ashwini Ponnappa <span class="correct"></span></label><br/>	
			<h2>Q2 How many times has Saina Nehwal represented India at the olympics ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="badminton_1" value="3" id="correct_2">3 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_1" value="4">4 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_1" value="5">5 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_1" value="6">6 <span class="correct"></span></label><br/>
			<h2>Q3 Who won the women's singles at the World championships held at Switzerland ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="badminton_2" value="Saina Nehwal">Saina Nehwal <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_2" value="Jwala Gutta">Jwala Gutta <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_2" value="Pusarla Venkata Sindhu" id="correct_3">Pusarla Venkata Sindhu <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="badminton_2" value="Ashwini Ponnappa">Ashwini Ponnappa <span class="correct"></span></label><br/>
			<input type="button" value="Submit" name="submission" class="transform_1" onclick="score()">
		</form>	
	</main>
</body>
</html>