Quiz/index.html at main · Ata-Ul-Hai/Quiz · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
  <title>Simple Quiz</title>
  <style>
    body { font-family: Arial, sans-serif; padding: 20px; background-color: bisque;}
    .quiz-box { max-width: 400px; margin: auto; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background-color: rgb(213, 131, 8) }
    .question { font-size: 18px; margin-bottom: 10px; }
    .option { margin: 5px 0; }
    button { margin-top: 10px; padding: 10px; border-radius: 15%; background-color: rgb(187, 231, 231);}
  </style>
</head>
<body>
  <div id="quiz" class="quiz-box">
    <div id="question" class="question"></div>
    <div id="options"></div>
    <button id="button" onclick="nextQuestion()" style="background-color:rgb(221, 248, 12); border: solid; font-weight: bold;">Next</button>
    <div id="result" style="margin-top: 20px; font-weight: bold;"></div>
  </div>

  <script src="quiz.js"></script>
</body>
</html>