尝试按给定值递增数字
尝试按给定值递增数字
提问于 2019-03-20 04:09:03
我有一行从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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55249224
复制相关文章
相似问题