<!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>
		<form action="/cri" method="post" onsubmit="score()">
			<h2>Q1 When did India's national cricket team play its first test match ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="cricket" value="1932" id="correct_1">1932 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket" value="1933">1933 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket" value="1934">1934 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket" value="1935">1935 <span class="correct"></span></label><br/>	
			<h2>Q2 When did India's national cricket team register its first test win ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="cricket_1" value="1949">1949 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_1" value="1950">1950 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_1" value="1951">1951 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_1" value="1952" id="correct_2">1952 <span class="correct"></span></label><br/>
			<h2>Q3 When did India's national cricket team register its first Cricket World Cup win ?</h2>
			<aside><p>1 point</p></aside>
			<label class="transform"><input type="radio" checked="checked" name="cricket_2" value="1982">1982 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_2" value="1983" id="correct_3">1983 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_2" value="1984">1984 <span class="correct"></span></label><br/>
			<label class="transform"><input type="radio" name="cricket_2" value="1985">1985 <span class="correct"></span></label><br/>
			<input type="submit" value="Submit" name="submission" class="transform_1">
		</form>	
</body>
</html>