prabakarviji/index.html

## index.html
<!DOCTYPE html>
<html>

<head>
  <title>QUIZ</title>
  <script type="text/javascript">
    function myFunction() {

      // First, trying to get access form using it's id
      var form = document.getElementById("questionForm");

      // Then need to get selected value of "quiz" radio button. So i'm filter out radio value from all form elements.
      // If user selected any option it wil give selected value or give empty value
      var selectedValue = form.elements["quiz"].value;

      //Now, i'm checking for empty value, if user not choosen any value
      if (selectedValue == "") {
        alert("You have not choosen any value")
      }

      //if user selects correct value
      else if (selectedValue == "newdelhi") {
        alert("Your answer is correct")
      }

      //if user selects wrong value
      else {
        alert("Your answer is wrong")
      }
    }
  </script>
</head>

<body>

  <h1>QUIZ</h1>
  <h1>Which is the capital of India</h1>
  <form id="questionForm">
    <input type="radio" name="quiz" value="newdelhi">Newdelhi
    <br>
    <input type="radio" name="quiz" value="assam">Assam
    <br>
    <input type="radio" name="quiz" value="tamilnadu">Tamilnadu
    <br>
    <Button type="button" onclick="myFunction()">Result</Button>
  </form>

</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<title>QUIZ</title>
	<script type="text/javascript">
	function myFunction() {

	// First, trying to get access form using it's id
	var form = document.getElementById("questionForm");

	// Then need to get selected value of "quiz" radio button. So i'm filter out radio value from all form elements.
	// If user selected any option it wil give selected value or give empty value
	var selectedValue = form.elements["quiz"].value;

	//Now, i'm checking for empty value, if user not choosen any value
	if (selectedValue == "") {
	alert("You have not choosen any value")
	}

	//if user selects correct value
	else if (selectedValue == "newdelhi") {
	alert("Your answer is correct")
	}

	//if user selects wrong value
	else {
	alert("Your answer is wrong")
	}
	}
	</script>
	</head>

	<body>

	<h1>QUIZ</h1>
	<h1>Which is the capital of India</h1>
	<form id="questionForm">
	<input type="radio" name="quiz" value="newdelhi">Newdelhi
	<br>
	<input type="radio" name="quiz" value="assam">Assam
	<br>
	<input type="radio" name="quiz" value="tamilnadu">Tamilnadu
	<br>
	<Button type="button" onclick="myFunction()">Result</Button>
	</form>

	</body>

	</html>