Question

我有一个像这样的数组

<script>

var myFruit = new Array("Apple", "orange", "banana", "plum", "pear");

var myindex = prompt("enter 0 to 4","");

document.write(myFruit[myindex]);

</script>

它会提示一个窗口，用户输入一个数字，然后得到结果。

现在我不想要提示，我想按顺序展示水果：我的1个水果是Aplle。

如何编写代码，以便当我输入1时，它将显示：我的1个水果是（图像）Apple。当我输入2时，它会显示：我的2个水果是（图像）橙色....

我不知道如何更改索引，然后它会同时显示索引和值。

请帮帮忙。感谢

------------------------------------------------------

在user2782160的帮助下，我有另一个问题

我有5个图像放在一个像这样的数组

<script>

var myDegree = new Array("30.gif", "60.gif", "90.gif", "120.gif", "150.gif");

.........

</script>

我需要以某种方式编写代码

<div id="degreeCount"> 30</div><div>//image 30.gif has to show inside this div</div>

我的意思是30.gif将显示在30号旁边。

请帮帮忙。谢谢！

Answer 1

只需连接字符串：

var myindex = parseInt(prompt("enter 0 to 4", ""), 10);
document.write ('My ' + myindex + ' fruit is an ' + myFruit[myindex]);

Answer 2

我猜这样的事情？

for(i = 0; i<myFruit.length; i++){
    document.write("My "+i+" fruit is an <img src='URL HERE MINUS FRUIT NAME'"+myFruit[i]+".jpg>");
}

在阵列中显示图像

2 个答案: