Javascript：如何在單擊按鈕時顯示下一個數組值

Question

我試圖用javascript / jquery和html編寫一個代碼，我認為這很簡單，但是對我來說卻是相當具有挑戰性的。 我有一個程序可以計算斐波那契數列的前x個數字，並將其存儲在數組中。 我正在嘗試做的是使兩個按鈕顯示順序中的下一個或上一個數字。 到目前為止，這就是我所擁有的。

Javascript：

var all = new Array();
fib = function (numMax) {
    for (i = 0, j = 1, k = 0; k < numMax; i = j, j = x, k++) {
        x = i + j;
        //window.document.write(x + " ");
        all[k] = x;
    }
};

fib(1000);

fibon = function () {
    getElementById("mynum").innerHTML = "all[+1]";
};

HTML：

<input type="text" id="mynum">
<button onclick="fibon();">Next</button>

Answer 1

您需要一個包含當前索引的變量，然后在每次單擊時將其遞增。

fibindex = 0;

function fibon() {
    if (fibindex >= all.count) {
        document.getElementById("mynum").value = "We've run out of Fibonacci numbers";
    } else {
        document.getElementById("mynum").value = all[fibindex];
        fibindex++;
    }
}

另外，請注意，您不應在使用變量時引號。 添加您使用.value填寫輸入，而不是.innerHTML 。

演示