Показать изображения в массиве

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>"); 
}