document.addEventListener("DOMContentLoaded", function () {
    async function generateQuestion(formE) {
        formE.preventDefault();
        let formData = new FormData(formE.target);
        formData.append("generateQuestion", "true")
        const response = await fetch("single.php", {
            method: "POST",
            body: formData,
            credentials: "include",
            headers: {
                'X-Requested-With': 'XMLHttpRequest'
            }
        });
        const result = await response.json();
        output.innerHTML = result.msg;
        output.style.display = "block";
    }
    const output = document.getElementById("info");
    const mainContent = document.getElementById("content");
    const randomRadio = document.querySelectorAll("input[name='random']");
    randomRadio.forEach(function (inputRadio) {
        inputRadio.addEventListener("change", function (QIDnum) {
            if (document.getElementById("byQID").checked) {
                QIDnum.style.visibility = "visible";
            } else {
                QIDnum.style.visibility = "hidden";
            }
        });
    });
    document.getElementById("startForm").addEventListener("submit", generateQuestion);
});