如何创建一个循环来询问存储在对象数组中的问题，并创建写有答案的按钮？

var questions = [
  { question: "问题1", answer: "答案1" },
  { question: "问题2", answer: "答案2" },
  { question: "问题3", answer: "答案3" },
  // 其他问题和答案...
];

<div id="question-container"></div>
<button onclick="showAnswer()">显示答案</button>

<script>
var questionContainer = document.getElementById("question-container");

function displayQuestion(question) {
  var questionElement = document.createElement("p");
  questionElement.textContent = question;
  questionContainer.appendChild(questionElement);
}

function showAnswer() {
  // 获取当前显示的问题索引
  var currentQuestionIndex = questionContainer.childElementCount;

  // 检查是否还有未回答的问题
  if (currentQuestionIndex < questions.length) {
    // 显示当前问题的答案
    var answer = questions[currentQuestionIndex].answer;
    var answerElement = document.createElement("p");
    answerElement.textContent = answer;
    questionContainer.appendChild(answerElement);
  }
}
</script>