JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data">

</div>

SaĂ­da deveria ser:

<div id="data"><div style="color: red">1</div><div style="color: red">2</div><div style="color: red">3</div><div style="color: red">4</div><div style="color: red">5</div><div style="color: blue">6</div><div style="color: blue">7</div><div style="color: blue">8</div><div style="color: blue">9</div><div style="color: blue">10</div><div style="color: red">11</div><div style="color: red">12</div><div style="color:red">13</div><div style="color: red">14</div><div style="color:red">15</div></div>

JavaScript

var collection = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
    var  html='';
    for (var i in collection) {
      var cor = (i % 5 == 0) ? 'red' : 'blue';
       html+='<div style="color: '+cor+'">'+collection[i]+'</div>';
    
    }
    document.getElementById('data').innerHTML = html;