document.title = 'ドラゴンクエスト10クイズ 知の祝祭';

let originalQuizList = [];
let quizPool = [];


fetch('./quizDqxData.csv')
  .then(response => {
    if (!response.ok) throw new Error("CSV読み込み失敗");
    return response.text();
  })
  .then(csv => {
    originalQuizList = parseCsvToQuiz(csv);
    quizPool = [...originalQuizList]; // 初回セット
    loadQuiz();
  })
  .catch(error => {
    console.error("エラー:", error);
  });

function parseCsvToQuiz(csv) {
  const lines = csv.trim().split("\n");
  const result = [];

  for (const line of lines) {
    const cells = line.split("\t").map(c => c.trim());

    // 空行・空の質問を除外
    if (cells.length < 2 || !cells[0]) continue;

    const [question, ...choices] = cells;
    result.push({
      question,
      choices,
      correct: choices[0] // 最初が正解という前提
    });
  }

  return result;
}

function loadQuiz() {
  //const randomIndex = Math.floor(Math.random() * quizList.length);
  //const quiz = quizList[randomIndex];

   // ふくびきリストが空になったらリセット
  if (quizPool.length === 0) {
    quizPool = [...originalQuizList];
  }

  const randomIndex = Math.floor(Math.random() * quizPool.length);
  const quiz = quizPool.splice(randomIndex, 1)[0]; // 抽選＆削除

  const shuffledChoices = quiz.choices
    .map(text => ({ text, sort: Math.random() }))
    .sort((a, b) => a.sort - b.sort)
    .map(({ text }) => ({ text }));


  
  displayQuiz({
    h1: document.title,
    question: quiz.question,
    choices: shuffledChoices,
    correct: quiz.correct
  });
}

/*
このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像を利用しております。 当該画像の転載・配布は禁止いたします。 （C）2019 ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.（C）SUGIYAMA KOBO（P）SUGIYAMA KOBO
*/

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-dqx-quiz/