我不知道它是否是浏览器错误或其他因素,因为我已在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 开始?
答案 0 :(得分:3)
您需要将值转换为Integers
:
var i = parseInt( document.getElementById('start').value, 10 );
var e = parseInt( document.getElementById('end').value, 10 );