Quiz na stronie.

Question

Witam! Od dłuższego czasu interesuje się tworzeniem stron internetowych. HTML i CSS znam już bardzo dobrze, a PHP i JavaScript uczę się dopiero od niedawna. Dlatego zadaję to pytanie. Na stroją stronę poświęconą astronomii postanowiłem dodać prosty quiz. Nawiązałem połączenie z bazą danych mysql i po każdym odświeżeniu strony losowane jest nowe pytanie i odpowiedzi. Wszystko byłoby ok, gdyby nie poprawna odpowiedź. Nie umiem zaznaczyć poprawnej odpowiedzi (po wciśnięciu odpowiedzi kolor diva zmienia się na zielony, czerwony lub po wciśnięciu na przycisk wyświetla się text: Poprawna odpowiedź to:). Oto mój kod:

<?php
   require_once "connect.php";
   $connect = @new mysqli($host, $db_user, $db_password, $db_name);
        
   if($connect->connect_errno!=0)
   {
       echo '<span class="error">Przepraszamy, wystąpił problem z bazą danych. Spróbuj ponownie później.</span>'.'<br />'.'<span class="error">Kod błędu:'.$connect->connect_errno.'</span>';
   }
   else {
       
       $mysql = "SELECT * FROM `quiz1` ORDER BY RAND() LIMIT 1";
       $result = @$connect->query($mysql);
       $row = $result->fetch_assoc();
       
	   $content = $row['content'];
       $answer_a = $row['answer_a'];
       $answer_b = $row['answer_b'];
       $answer_c = $row['answer_c'];
       $answer_d = $row['answer_d'];
       $correct_answer = $row['correct_answer'];
	   echo '<div id="div-quiz-content">'.$content.'</div>';
       echo '<div class="btn-answer" name="a">'.'<span style="margin-right: 15px;">a)</span>'.$answer_a.'</div>';
       echo '<div class="btn-answer" name="b">'.'<span style="margin-right: 15px;">b)</span>'.$answer_b.'</div>';
       echo '<div class="btn-answer" name="c">'.'<span style="margin-right: 15px;">c)</span>'.$answer_c.'</div>';
       echo '<div class="btn-answer" name="d">'.'<span style="margin-right: 15px;">d)</span>'.$answer_d.'</div>';
       echo '<div class="btn-correct-answer" name="correct"></div>';
       echo "<br />";
       
       echo '<a href="javascript:history.go(0)">Wylosuj pytanie jeszcze raz</a>';
       $connect->close();
   }

?>

Jakby coś jestem początkujący więc nie hejtujcie jeśli kod jest źle napisany lub dałoby się to napisać dużo krócej. Dziękuję za każdą odpowiedź.

Answer 1

Po kliknięciu, najlepiej w JavaScript musisz sprawdzać czy zaznaczona odpowiedź == poprawnej odpowiedzi (możesz dodać jakieś id=1 dla odpowiedzi numer 1 itd. po czym pobierać wartość id klikniętego elementu) Pozdrawiam

Comments

Dzięki za odpowiedź :)