javascript - 在数组中显示图像

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 个水果是（图像）苹果。当我输入 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

我猜是这样的？

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

Answer 2

只需连接字符串：

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