javascript - 按钮单击下一个数组语句（Javascript）

Question

我有一个数组列表，我想在回答每个问题后显示。这就像我为培养我的技能而打造的一款从未有过的游戏。这根本不起作用，为什么？

var question = new Array()
<!-- list of 40 questions are here can't show them here right now -->

var intquestion_index = 0;

function displayQuestion() {
  if (intquestion_index == question.length) intquestion_index = 0;
  document.getElementById('questions').innerHTML;
  intquestion_index++;
}

<div class="questions" id="questions">-</div>
<div class="answer">
  <button type="button" class="btn btn-dark" id="btn-1" onclick="displayQuestion();">Hell yeah!</button>
  <button type="button" class="btn btn-dark" id="btn-2" onclick="displayQuestion();">Never ever ever</button>
  <button type="button" class="btn btn-dark" id="btn-3" onclick="displayQuestion();">Maybe</button>
</div>

标签： javascripthtmlcssbutton

Answer 1

这应该符合您的期望：单击其中一个答案（按钮）移至下一个问题

var question = new Array();
question[0] = "question 1";
question[1] = "question 2";
question[2] = "question 3";
question[3] = "question 4";
// Below line will show first question on page load
document.getElementById('questions').innerHTML = question[0];  

// question at 0 is shown, so start index with 1
var question_index =1;

function displayQuestion() {  
  if (question_index == question.length)
  {
  	question_index = 0;
  }
  document.getElementById('questions').innerHTML = question[question_index];  
  question_index++;
}

<div class="questions" id="questions">-</div>
<div class="answer">
  <button type="button" class="btn btn-dark" id="btn-1" onclick="displayQuestion();">Hell yeah!</button>
  <button type="button" class="btn btn-dark" id="btn-2" onclick="displayQuestion();">Never ever ever</button>
  <button type="button" class="btn btn-dark" id="btn-3" onclick="displayQuestion();">Maybe</button>
</div>