JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<button id="clicker" onClick="iterateArray()">View Array</button>
	<p id="main"></p>
</body>

JavaScript

window.iterateArray = function (){
    var fruits = ['apple', 'lemon', 'orange'];
    var main = document.getElementById('main');
	
    fruits.forEach(function(element, index, array){
       main.appendChild(document.createTextNode(element + ' is at index ' + index)); 
	   main.appendChild(document.createElement("br"));
    });
}