javascript - 未读取特定值元素输入

Question

不知道是浏览器bug还是别的什么，因为我在chrome和firefox上测试过。我得到相同的结果。我试图输入值元素只有 1,10,100 那个标识。这是我的代码。

HTML

<input id="items" type="text" placeholder="title" value="">
<input id="start" type="text" placeholder="start" value="">
<input id="end" type="text" placeholder="end" value="">
<input id="btn" type="submit" value="Generate"><br><br>
<div id="output" contenteditable="true"></div>

JavaScript

<script>

var btn = document.getElementById('btn')
var output = document.getElementById('output');

btn.addEventListener('click', function(){

var items = document.getElementById('items').value;
var i = document.getElementById('start').value;
var e = document.getElementById('end').value;

for(i; i<=e; i++){ 

output.innerHTML += items+'/'+i;

}

}, false);

</script>

如果起始值输入元素不是1,10,100，则不会生成。我怎样才能让它工作？从 2,3,4,5,6,7,8,9 开始？

Answer 1

您需要将您的值转换为整数:

var i = parseInt( document.getElementById('start').value, 10 );
var e = parseInt( document.getElementById('end').value, 10 );