在JavaScript上將整數添加到數組

Question

我正在開發一個應在畫布上繪制一些矩形的應用程序。 這個想法是通過將每個人放在最后一面來畫它們的-我的意思是，從另一個完成的地方開始畫。

我創建了一個按鈕，該按鈕從輸入中獲取值，這很容易。 我將此值添加到數組中，但是每次按下按鈕時，數組再次為空。 我聽說我需要一個“實例變量”，但是現在我已經很迷路了。

任何幫助都將受到歡迎。 這是代碼

function corta() {
    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var medida1 = document.getElementById('medida2').value;
    var medida2 = document.getElementById('medida1').value;
    var corte1 = Math.round(medida1);
    var corte2 = Math.round(medida2);
    var arrayAncho = [];
    var arrayLargo = [];
    var ancho = 0;
    var largo = 0;
    arrayLargo.push(medida2);
    arrayAncho.push(medida1);
    //ancho, largo

    document.getElementById('medida2').onclick = function () { this.value = ''; };
    document.getElementById('medida1').onclick = function () { this.value = ''; };

    //metodo para el ancho

    for (var i = 0; i < arrayAncho.length ; i++) {
        ancho += arrayAncho[i];
    }

    if (arrayAncho.length == 1) {
        ctx.fillStyle = "#58FA58";
        ctx.fillRect(0, largo, corte1, corte2);
    } else
    if (medida1 > 122 - ancho) {
        ctx.fillStyle = "#58FA58";
        ctx.fillRect(ancho, largo, corte1, corte2);//ancho, largo
    }

    medida1 = 0;
    medida2 = 0; 
}

Answer 1

每次運行該功能時

var arrayAncho = [];
var arrayLargo = [];

這使它們每次都是空白。 您必須在函數外部聲明它們，而僅在代碼塊內部引用它們