Создание викторины с помощью PHP: примеры и инструкции

Расширенные примеры кода для викторины на PHP

Как реализовать викторину с AJAX-подгрузкой вопросов?

Использование fetch API и PHP-обработчика позволяет обновлять содержимое без перезагрузки страницы.

// frontend – index.html (или PHP-шаблон)
<div id="quiz"></div>
<script>
let current = 0;
let score = 0;

function loadQuestion() {
    fetch('ajax_handler.php?action=get_question&id=' + (current+1))
        .then(r => r.json())
        .then(data => {
            if (data.finished) {
                document.getElementById('quiz').innerHTML = `<h3>Результат: ${score} из ${data.total}</h3>`;
                return;
            }
            let html = `<h3>${data.question}</h3><form id="qform">`;
            data.options.forEach((opt, i) => {
                html += `<label><input type="radio" name="answer" value="${i}"> ${opt}</label><br>`;
            });
            html += `<button type="submit">Ответить</button></form>`;
            document.getElementById('quiz').innerHTML = html;
            document.getElementById('qform').addEventListener('submit', e => {
                e.preventDefault();
                const answer = document.querySelector('input[name="answer"]:checked')?.value;
                if (answer !== undefined) {
                    fetch('ajax_handler.php?action=check_answer&qid=' + (current+1) + '&selected=' + answer)
                        .then(r => r.json())
                        .then(res => {
                            if (res.correct) score++;
                            current++;
                            loadQuestion();
                        });
                }
            });
        });
}
loadQuestion();
</script>

// ajax_handler.php
<?php
session_start();
require 'questions.php';

$action = $_GET['action'] ?? '';

if ($action === 'get_question') {
    $id = (int)$_GET['id'];
    if (!isset($_SESSION['order'])) {
        $_SESSION['order'] = array_keys($questions);
        shuffle($_SESSION['order']);
    }
    if ($id > count($_SESSION['order'])) {
        echo json_encode(['finished' => true, 'total' => count($questions)]);
        exit;
    }
    $qid = $_SESSION['order'][$id - 1];
    $q = $questions[$qid];
    echo json_encode([
        'question' => $q['question'],
        'options' => $q['options'],
        'id' => $qid
    ]);
} elseif ($action === 'check_answer') {
    $qid = (int)$_GET['qid'];
    $selected = (int)$_GET['selected'];
    if (isset($questions[$qid]) && $selected === $questions[$qid]['answer']) {
        echo json_encode(['correct' => true]);
    } else {
        echo json_encode(['correct' => false]);
    }
}
?>

Как реализовать подсчет времени на всю викторину с сохранением на сервере?

// В начале викторины
if (!isset($_SESSION['start_time'])) {
    $_SESSION['start_time'] = time();
    $_SESSION['time_limit'] = 300; // 5 минут
}
// При каждом запросе проверяем
if (time() - $_SESSION['start_time'] > $_SESSION['time_limit']) {
    // Автоматическое завершение
    $current = count($questions);
}

Результат: пользователь получает сообщение о превышении лимита времени.

Как обеспечить защиту от подбора ответов через инспекцию кода?

Не отправлять правильный ответ на клиент. Хранить ключ-хэш для каждого варианта.

// При создании вопроса генерируем хэш для каждого варианта
foreach ($questions as &$q) {
    $q['hash_options'] = array_map(function($opt) { return md5($opt); }, $q['options']);
    $q['hash_correct'] = $q['hash_options'][$q['answer']];
    unset($q['options']); // не передаём исходные названия
}
// Клиент получает только хэши
// При проверке сравниваем хэш выбранного варианта с правильным хэшем

Сложность: увеличивается нагрузка на сервер. Альтернатива – использовать токены сессии.