Edit in JSFiddle

let fruit = ['banana', 'apple', 'watermelon', 'wine', 'orange', 'melon', 'pineapple'];

let bananaIndex = fruit.indexOf('banana');
let appleIndex = fruit.indexOf('apple');
let watermelonIndex = fruit.indexOf('watermelon');
let wineIndex = fruit.indexOf('wine');
let orangeIndex = fruit.indexOf('orange');
let melonIndex = fruit.indexOf('melon');
let pineappleIndex = fruit.indexOf('pineapple');

document.getElementById("f1").innerHTML = "Index from banana is "+bananaIndex;
document.getElementById("f2").innerHTML = "Index from apple is "+appleIndex;
document.getElementById("f3").innerHTML = "Index from watermelon is "+watermelonIndex;
document.getElementById("f4").innerHTML = "Index from wine is "+wineIndex;
document.getElementById("f5").innerHTML = "Index from orange is "+orangeIndex;
document.getElementById("f6").innerHTML = "Index from melon is "+melonIndex;
document.getElementById("f7").innerHTML = "Index from pineapple is "+pineappleIndex;

<div>
  <p id="f1"></p>
  <p id="f2"></p>
  <p id="f3"></p>
  <p id="f4"></p>
  <p id="f5"></p>
  <p id="f6"></p>
  <p id="f7"></p>
</div>