使用输入框变量的简单Javascript循环

使用输入框变量的简单Javascript循环,javascript,arrays,for-loop,Javascript,Arrays,For Loop,我只是想从JavaScript开始,把这个小循环放在一起。如果我在起始框中输入1。。它很好用。如果我把其他的东西放进去,尽管循环本身从未发生过 根据控制台,我的变量应该都符合激活循环的条件,所以我看不出问题 函数myFunction(){ console.clear(); var Start=document.getElementById(“Start”).value console.log(“Start=”,Start) var End=document.getElementById(“En

我只是想从JavaScript开始,把这个小循环放在一起。如果我在起始框中输入1。。它很好用。如果我把其他的东西放进去,尽管循环本身从未发生过

根据控制台,我的变量应该都符合激活循环的条件,所以我看不出问题

函数myFunction(){
console.clear();
var Start=document.getElementById(“Start”).value
console.log(“Start=”,Start)
var End=document.getElementById(“End”).value
console.log(“End=,End)
var which_one=document.getElementById(“which_one”).value
console.log(“which_one=”,which_one)
var i=启动;
console.log(“i=”,i);
var Counter_Array=“”;
log(“Counter Array=,Counter_Array”);
var计数器_数组_Split=“”;
console.log(“Counter Array Split=,Counter\u Array\u Split”)
var Show_Me=“”;
console.log(“Show Me=,Show_Me”)
console.log(“----循环开始----”)
对于(;开始<结束;开始++){
console.log(“Start=”,Start)
console.log(“i looped=”,Start);
计数器数组+=“,”+开始
var Counter_Array_Split=Counter_Array.Split(',');
log(“CounterArrayLog=”,Counter_数组);
console.log(“Counter Array Split=”,Counter\u Array\u Split);
//将id为demo的所有元素设置为具有newURL变量的值
document.getElementById(“数组”).innerHTML=Counter\u array\u Split;
}
console.log(“----循环结束----”)
var Show\u Me=计数器\u数组\u拆分[哪一个]
console.log(“Show Me=,Show_Me”)
document.getElementById(“my_val”).innerHTML=Show_Me;
}
.My\u表单{
显示:块;
背景颜色:橙色;
;
边界:1;
宽度:500px;
边框样式:实心;
边界半径:5px;
}
.my_div{
显示:块;
背景颜色:浅蓝色;
;
边界:1;
宽度:500px;
边框样式:实心;
边界半径:5px;
}
示例Javascript循环
开始@:
结束@:
显示 me数组中的第th个值

该阵列已建立

选取的值是


点击我

您需要在for循环中使用整数,默认情况下使用字符串,因此需要首先解析它。
第一个问题:“5”<“10”这是错误的。
第二个问题:“5'++将其转换为5,并且仅在转换后才会递增

函数myFunction(){
console.clear();
var Start=parseInt(document.getElementById(“Start”).value,10)
console.log(“Start=”,Start)
var End=parseInt(document.getElementById(“End”).value,10)
console.log(“End=,End)
var which_one=document.getElementById(“which_one”).value
console.log(“which_one=”,which_one)
var i=启动;
console.log(“i=”,i);
var Counter_Array=“”;
log(“Counter Array=,Counter_Array”);
var计数器_数组_Split=“”;
console.log(“Counter Array Split=,Counter\u Array\u Split”)
var Show_Me=“”;
console.log(“Show Me=,Show_Me”)
console.log(“----循环开始----”)
对于(;开始<结束;开始++){
console.log(“Start=”,Start)
console.log(“i looped=”,Start);
计数器数组+=“,”+开始
var Counter_Array_Split=Counter_Array.Split(',');
log(“CounterArrayLog=”,Counter_数组);
console.log(“Counter Array Split=”,Counter\u Array\u Split);
//将id为demo的所有元素设置为具有newURL变量的值
document.getElementById(“数组”).innerHTML=Counter\u array\u Split;
}
console.log(“----循环结束----”)
var Show\u Me=计数器\u数组\u拆分[哪一个]
console.log(“Show Me=,Show_Me”)
document.getElementById(“my_val”).innerHTML=Show_Me;
}
.My\u表单{
显示:块;
背景颜色:橙色;
;
边界:1;
宽度:500px;
边框样式:实心;
边界半径:5px;
}
.my_div{
显示:块;
背景颜色:浅蓝色;
;
边界:1;
宽度:500px;
边框样式:实心;
边界半径:5px;
}
示例Javascript循环
开始@:
结束@:
显示 me数组中的第th个值

该阵列已建立

选取的值是


点击我

能否使用StackOverflow代码段工具添加一个工作示例?我将粘贴的代码更新为代码段,而不是到处都有大量重新定义的变量。这里有太多的话要说。。。我想你需要先学习一个JavaScript教程,然后再学习一些你并不真正理解的东西。
“2”<“10”
是错误的。尝试使用
parseInt(开始,10)&parseInt(结束,10)
@Keith谢谢,我编辑过,但是如果用户想使用其他类型,比如hex,那么不能使用它。