我想從文本框中獲取一個值，並將其放入我的for循環中

Question

您好，我試圖從html中的文本框中獲取值，並將其賦給for循環中的i，但我的程序沒有作品：

var k = document.getElementById（「textbox1」）.value;

for (var i = k; i < n; i+=4) { 
    //for (var j = 0; j < n; j+=4) { 
    pixelComponents[i ] = pixelComponents[i ] + 100; //red 
    pixelComponents[i+1] = pixelComponents[i+1]+0;  //green 
    pixelComponents[i+2] = pixelComponents[i+2]+0; //blue 
    //} 
} 

而且我嘗試這樣做，它不會太工作：

for (var i = document.getElementById("textbox1").value;; i < n; i+=4) { 
    //for (var j = 0; j < n; j+=4) { 
    pixelComponents[i ] = pixelComponents[i ] + 100; //red 
    pixelComponents[i+1] = pixelComponents[i+1]+0;  //green 
    pixelComponents[i+2] = pixelComponents[i+2]+0; //blue 
    //} 
} 

Answer 1

一個文本框的值是一個字符串。嘗試這樣做：

var k = parseInt(document.getElementById("textbox1").value, 10); 

有趣的是，在JavaScript上的繩子做++將其轉換爲數字，但這樣做+ = 4追加字符4：

var x = "1"; console.log(++x); 
2 

var x = "1"; console.log((x += 4)); 
14 

請注意，即使你設置一個文本框的值是一個數字，當你找回它，它再次一個字符串：

var textBox = document.getElementById("someTextBox"); 
textBox.value = 8; 
alert(textBox.value + 4); // 84, not 12