const API_KEY = "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";

 async function generateQuestion() {
      try {
        const response = await fetch("https://api.openai.com/v1/chat/completions", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            "Authorization": `Bearer ${API_KEY}`
          },
          body: JSON.stringify({
            model: "gpt-3.5-turbo",
            messages: [
              {
                role: "system",
                content: "あなたはJavaScript教育用の問題作成AIです。"
              },
              {
                role: "user",
                content: "初学者向けに、意図的にバグを含んだJavaScriptコードを1つ出力してください。説明は不要で、コードのみを出力してください。"
              }
            ],
            temperature: 0.7
          })
        });

        if (!response.ok) {
          const errorText = await response.text();
          alert(`APIエラー (${response.status}): ${errorText}`);
          return;
        }

        const data = await response.json();
        const generatedCode = data.choices?.[0]?.message?.content;

        if (!generatedCode) {
          alert("AIの応答が不正です。");
          return;
        }

        document.getElementById("question-code").textContent = generatedCode.trim();
        document.getElementById("user-code").value = "// ここに修正したコードを入力";
        document.getElementById("result").textContent = "";
      } catch (error) {
        console.error("通信エラー:", error);
        alert("通信エラーが発生しました。");
      }
    }

    function checkCode() {
      const code = document.getElementById("user-code").value;
      const resultBox = document.getElementById("result");

      try {
        new Function(code)();
        resultBox.style.color = "green";
        resultBox.textContent = "✅ 実行成功！バグが修正されたようです。";
      } catch (error) {
        resultBox.style.color = "red";
        resultBox.textContent = "❌ エラー: " + error.message;
      }
    }
