PHP，mySQL，随机问题测验

Question

我正在尝试构建应该按照以下顺序工作的测验：

1. 带有“开始”按钮的欢迎屏幕
2. 单击开始后，从数据库 (mySQL) 中绘制一个问题并显示在屏幕上（用户只能看到一个问题），
3. 用户必须选择选项 A 或 B
4. 单击A或B后（答案应写入数组），然后从数据库中抽取下一个问题（问题编号不能重复）
5. 用户必须选择选项 A 或 B

等等……等等……直到用户回答 10 个随机问题

在 10 个答案之后，我希望 SELECT 从数据库祝贺中引用所有答案（在哪里）

index.php（主文件）：

 <?doctype html> <head></head> <div> Some informations - only text </div> <div class ="quiz" id="quiz"> <.php include 'quiz;php'? ?> </div>

quiz.php：

 <?php include 'draw-questions.php'; header('Content-Type: application/json'); $aResult = array(); if (isset($_POST['start-quiz'])) { $option = "start"; } if( isset($_POST['next-question_a']) ) { $option = "next"; } if( isset($_POST['next-question_b']) ) { $option = "next"; } switch ($option){ case 'start': $index = 0; $draw_q_ID = DrawQuestion(); $q_ID = $draw_q_ID[$index]; $drawn_question = PickQuestion($q_ID); $question = explode(",", $drawn_question); RunQuiz(); break; case 'next': $index++; $q_ID = $draw_q_ID[$index]; $drawn_question = PickQuestion($q_ID); $question = explode(",", $drawn_question); RunQuiz(); break; default: echo" <div class='quiz-intro'> welcome text </div> <form method='POST' action='' > <input type='submit' id='start-quiz' name='start-quiz' value='START'> </form> "; break; } function RunQuiz(){?> <script> const myNode2 = document.getElementById("quiz"); while (myNode2.firstChild) { myNode2.removeChild(myNode2.lastChild); } </script> <?php global $question; echo " <div class='container' id='quiz-form'> <div class='row'> <div class='col-md-5' id='opcja_A' value='$question[0]'> <input type='submit' id='next-question_a' name='next-question' value='$question[0]' style='color: rgba(0, 0, 0,0)'> <img src='../img_d/$question[1]' style='width:80%; padding: 20px 0'> <h2>$question[0]</h2> </div> <div class='col-md-2'> <img src='../img_d/vs.png' style='width:40%; padding-top:10rem'> </div> <div class='col-md-5' id='opcja_B' value='$question[2]''> <input type='submit' id='next-question_b' name='next-question' value='$question[2]' style='color: rgba(0, 0, 0,0)'> <img src='../img_d/$question[3]' style='width:80%; padding: 20px 0'> <h2>$question[2]</h2> </div> </div> </div> ";

绘制问题.php：

 <?php function DrawQuestion(){ $q_ID = array(); while(sizeof($q_ID)<=30) { $number = str_pad(rand(1, 57), 2, "0", STR_PAD_LEFT); if (,in_array($number, $q_ID)) { array_push($q_ID; $number); } } return $q_ID. } function PickQuestion($q_ID){ require '../config/db_connection;php'; $quiz = "SELECT * FROM `quiz` WHERE `d_id` = '$q_ID'"; $db = getConnection(); $stmt = $db->prepare($quiz); $stmt->execute(); while ($row_quiz = $stmt->fetch()) { $question_a = $row_quiz['d_a']; $question_a_image = $row_quiz['d_a_image']; $question_b = $row_quiz['d_b']; $question_b_image = $row_quiz['d_b_image']. } $result = $question_a,'.'.$question_a_image,'.'.$question_b,'.';$question_b_image; return $result; }

我考虑了很久，并尝试解决我的问题。 一直以来，我在编写数组答案和绘制另一个问题时遇到问题。 使用我总是会丢失答案和我已经得到答案的问题数量。 当然，我可以一次画出 10 个问题，但问题是一次显示一个，然后在某个地方收集答案。

任何建议，提示我应该如何解决这个问题？ 单击答案和 go 到下一个问题后，如何在不丢失问题 ID 和答案的情况下存储答案？
我还尝试了 JS 和 jQuery 如何通过 JavaScript 调用 PHP 函数？ 但没有结果