Не удалось получить доступ к следующему элементу массива javascript

Question

Я новичок в JS, я пытаюсь получить доступ к следующему элементу массива с помощью функции onclick, но не повезло.

var i, len; 
 
     
 
    function quiz() { 
 
    var quiz_questions = [ 
 
    "who is the founder of facebook?", 
 
    "who is the founder of google?" 
 
    ]; 
 
      
 
    len = quiz_questions.length; 
 

 
    for(i = 0; i < len; i++) { 
 
    document.getElementById("demo").innerHTML = quiz_questions[i]; 
 
    } 
 
}

<button onclick="quiz();">Click</button> 
 
<p id="demo"></p>

может кто-нибудь объяснить мне, что я сделал неправильно здесь.

Answer 1

Ваша проблема в том, что вы повторяете каждый вопрос каждый раз, когда вы нажимаете. Просто удалите цикл for и поставьте i ++ после установки вопроса. Может быть, проверка, если я меньше длины массива до этого, не будет плохой идеей.

var i, len; 
 
i = 0; 
 
     
 
    function quiz() { 
 
    var quiz_questions = [ 
 
    "who is the founder of facebook?", 
 
    "who is the founder of google?" 
 
    ]; 
 
      
 
    len = quiz_questions.length; 
 

 
    document.getElementById("demo").innerHTML = quiz_questions[i]; 
 
    i++; 
 
    if(i>=len){ 
 
     i=0; 
 
    } 
 
}

<button onclick="quiz();">Click</button> 
 
<p id="demo"></p>

Answer 2

внести изменения в вашем JavaScript, как:

var quiz_questions = [ 
"who is the founder of facebook?", 
"who is the founder of google?" 
]; 

var counter = 0; 

function quiz() 
{ 
counter++; 
document.getElementById("demo").innerHTML = quiz_questions[counter-1]; 
} 

Answer 3

Это заявление будет держать перезапись значение демонстрационной DIV

document.getElementById("demo").innerHTML = quiz_questions[i]; 

Вместо этого вы будете должны добавьте вопросы к переменной, а затем добавьте ее t o div. Таким образом, оба вопроса будут добавлены в div

var i, len; 

function quiz() { 
var quiz_questions = [ 
"who is the founder of facebook?", 
"who is the founder of google?" 
]; 

len = quiz_questions.length; 
var htmlContent = ""; 
for(i = 0; i < len; i++) { 
    htmlContent = htmlContent + quiz_questions[i] + "<br>"; 
} 
    document.getElementById("demo").innerHTML = htmlContent; 
}