当用户选择要查看Javascript的元素时,如何遍历数组
我要做的是让用户键入一个数字,并根据他们键入的数字显示数组中相应的元素,但使用while循环并连接循环的结果。我尝试创建一个while循环,该循环在变量大于或等于最小数组值时运行。但是我有很多问题想让所有这些事情都有效当用户选择要查看Javascript的元素时,如何遍历数组,javascript,html,arrays,while-loop,Javascript,Html,Arrays,While Loop,我要做的是让用户键入一个数字,并根据他们键入的数字显示数组中相应的元素,但使用while循环并连接循环的结果。我尝试创建一个while循环,该循环在变量大于或等于最小数组值时运行。但是我有很多问题想让所有这些事情都有效 Name: <input type="text" id="myText" value="Mickey"> <p id="demo"></p> <p>Click the button to change the value
Name: <input type="text" id="myText" value="Mickey">
<p id="demo"></p>
<p>Click the button to change the value of the text field.</p>
function myFunction() {
var x = document.getElementById("myText");
var currentVal = x.value;
var jobs = ["Best Buy", "Staples", "Macys", "Dunkin Donuts", "Legal Aid"];
var i = jobs.length - 1;
while (jobs.length >= i) {
document.getElementById("demo").innerHTML = jobs[i] + " ";
break;
}
}
名称:
单击按钮更改文本字段的值
函数myFunction(){
var x=document.getElementById(“myText”);
var currentVal=x.value;
var jobs=[“百思买”、“史泰博”、“梅西”、“邓肯甜甜圈”、“法律援助”];
var i=作业长度-1;
while(jobs.length>=i){
document.getElementById(“demo”).innerHTML=jobs[i]+“ ”;
打破
}
}
var input=document.getElementById(“myText”);
var demo=document.getElementById(“demo”);
var jobs=[“百思买”、“史泰博”、“梅西”、“邓肯甜甜圈”、“法律援助”];
函数myFunction(){
//从数组中获取val或回退到空字符串
demo.innerHTML=jobs[this.value]| |“”;
}
addEventListener(“输入”,myFunction)代码>
“我要做的是让用户键入一个数字
根据他们输入的数字显示
对应的元素“
请键入您的号码:
var input=document.getElementById(“myText”);
var demo=document.getElementById(“demo”);
var jobs=[“百思买”、“史泰博”、“梅西”、“邓肯甜甜圈”、“法律援助”];
函数myFunction(){
//从数组中获取val或回退到空字符串
demo.innerHTML=jobs[this.value]| |“”;
}
addEventListener(“输入”,myFunction)代码>
“我要做的是让用户键入一个数字
根据他们输入的数字显示
对应的元素“
请键入您的号码:
我要做的是让用户键入一个数字并基于
它们键入的数字将显示数组中相应的元素
但是使用while循环并连接循环的结果
尝试用input type=“number”
元素替换input type=“text”
元素<代码>一次更改
事件;将+=
运算符替换为,而循环将元素的.innerHTML
与id
demo
,数组.prototype.splice()
名称:
单击按钮更改文本字段的值
var x=document.getElementById(“myText”),
demo=document.getElementById(“demo”),
乔布斯=[“百思买”、“史泰博”、“梅西”、“邓肯甜甜圈”、“法律援助”];
函数myFunction(){
var val=jobs.splice(this.value,1);
demo.innerHTML+=val+“ ”;
}
x、 onchange=myFunction;x、 焦点();
我要做的是让用户键入一个数字并基于
它们键入的数字将显示数组中相应的元素
但是使用while循环并连接循环的结果
尝试用input type=“number”
元素替换input type=“text”
元素<代码>一次更改
事件;将+=
运算符替换为,而循环将元素的.innerHTML
与id
demo
,数组.prototype.splice()
名称:
单击按钮更改文本字段的值
var x=document.getElementById(“myText”),
demo=document.getElementById(“demo”),
乔布斯=[“百思买”、“史泰博”、“梅西”、“邓肯甜甜圈”、“法律援助”];
函数myFunction(){
var val=jobs.splice(this.value,1);
demo.innerHTML+=val+“ ”;
}
x、 onchange=myFunction;x、 焦点();
为什么HTML与JS相结合?为什么HTML与JS相结合?这很好,我只是想知道,如果用户键入2,它将显示前2个作业或3个作业,然后显示前3个作业,如何使用while循环来实现这一点。@Lazerstacker,这在您的问题中没有说明。很抱歉你可能想自己尝试一下,然后问一个全新的问题?好吧,用while循环来达到同样的效果怎么样effect@LazerStackr我看不出while循环在这种情况下是如何工作的——这正是您的问题——根据字段中输入的数字获取数组项。function myFunction(){var x=document.getElementById(“myText”).value;var jobs=[“BestBuy”、“Staples”、“Macys”、“Dunkin Donuts”、“Legal Aid”];var y=x-1;var r=“”;//不带引号生成未定义的字符串,而(y>=0){//cat r=r+jobs[y];//打印文档.getElementById(“演示”).innerHTML=r;y-->}明白了!谢谢这太好了,我只是想知道如果用户输入2,它将显示前2个作业或3个作业,然后显示前3个作业,如何使用while循环来实现这一点。@Lazerstacker这在您的问题中没有说明。抱歉。您可能想自己尝试一些东西,并问一个全新的问题?好的,使用while循环来达到目标怎么样同样的effect@LazerStackr我看不出while循环在这种情况下会如何工作——这正是您的问题——根据字段中输入的数字获取数组项。function myFunction(){var x=document.getElementById(“myText”).value;var jobs=[“BestBuy”、“Staples”、“Macys”、“Dunkin Donuts”、“Legal Aid”];var y=x-1;var r=“”;//不带引号生成未定义的字符串,而(y>=0){//cat r=r+jobs[y];//打印文档。getElementById(“演示”)。innerHTML=r;y-->}明白了!谢谢