JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="fruits">apple</div>
    <div class="fruits">banana</div>
    <div class="fruits">strawberry</div>
</div>

JavaScript

window.onload = function () {
    var pets = ["cat", "dog", "fish"];
    var fruits = document.querySelectorAll(".fruits");
    for (var i = 0; i < fruits.length; i++)
    fruits[i].innerHTML = pets[i];
}