Quiz được ứng dụng trong rất nhiều trường hợp khác nhau. Bạn có thể tạo một quiz theo bộ mã sau đây:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Quiz</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <form name = "quizQ1">
<b>Question 1: In which country was the first Table Tennis patent filed?</b><br> <br>
<input type = "radio" name = "quiztest" onclick = "getAnswer('a')"> United Kingdom <br>
<input type = "radio" name = "quiztest" onclick = "getAnswer('b')"> United States <br>
<input type = "radio" name = "quiztest" onclick = "getAnswer('c')"> France <br>
<input type = "radio" name = "quiztest" onclick = "getAnswer('d')"> Turkey <br><br><br>
</form>
</div>
<script type = "text/javascript">
function getAnswer(input) {
if (input == "a") {alert ("Well done! The first Table Tennis Patent was issued in England on the 15th of July 1890.")}
else {alert ("No that's incorrect, please try again...")}
}
</script>
</body>
</html>

Demo


Question 1: In which country was the first Table Tennis patent filed?
United Kingdom
United States
France
Turkey


airplanemode_active