我有一行从1到10的数字。我希望能够选择该行的起始数字,这会将1的值更改为用户输入的任何值。然后我希望能够递增第一个数字之后的每个数字,递增用户选择的任何一个数字。例如,如果用户选择起始编号为10,增量为5,则行将如下所示: 10,15,20,25,35……等等。我就快到了,但我不知道哪里出了问题,在第一个数字之后,它会递增数字,但从输入的值开始,而不是在之前的值上相加。简而言之,我希望它将增量值加到数组中的前一个数字上,并将其值再次替换为5,10,15,20,直到数组结束。抱歉,如果HTML看起来很糟糕,当我粘贴它时,它出现了故障。
let xSt = document.getElementById("xStart");
let xInc = document.getElementById("xIncr");
let xs = document.getElementsByClassName("xs");
//changes first number to entered value in the text box
xSt.addEventListener("keydown", function(ev){
if(ev.keyCode == 13){
xs[0].innerHTML = xSt.value;
};
});
//supposed to add the entered value to the previous value each time
xInc.addEventListener("keydown",function(ev){
if(ev.keyCode == 13){
let lp = 1;
xs[9].innerHTML = xInc.value * 10;
for (let i=1; i < xs.length; i++){
xs[i].innerHTML = xInc.value * lp++;
};
};
});
<div id="x1" class="xs">1</div>
<div id="x2" class="xs">2</div>
<div id="x3" class="xs">3</div>
<div id="x4" class="xs">4</div>
<div id="x5" class="xs">5</div>
<div id="x6" class="xs">6</div>
<div id="x7" class="xs">7</div>
<div id="x8" class="xs">8</div>
<div id="x9" class="xs">9</div>
<div id="x10" class="xs">10</div>
<table>
<tr>
<td>
<div id="Manual">Manual Graph Values</div>
</td>
</tr>
<tr>
<td>
<input id="xStart" type="text" placeholder="Number where X starts">
<input id="yStart" type="text" placeholder="Number where Y starts">
</td>
</tr>
<tr>
<td>
<input id="xIncr" type="text" placeholder="How much X increments">
<input id="yIncr" type="text" placeholder="How much Y increments">
</td>
</tr>
</table>
https://stackoverflow.com/questions/55249224
复制相似问题