Every 4th item

Every 4th item.markdown

Every 4th item ('-' * 14)

A Pen by Siôn J. Lewis on CodePen.

License.

script.js

var myItem = ['item 01', 'item 02', 'item 03', 'item 04', 'item 05', 'item 06', 'item 07', 'item 08', 'item 09', 'item 10'];

for (i = 0; i < myItem.length; ++i) {
  document.write(i + ': <span class="item">' + myItem[i] + '</span>');

  if ((i + 1) % 4 === 0) {
    document.write('</br>');
  } else {
    document.write('<span class="brake">, </span>');
  }
}

style.css

.item {
  color: lightgrey;
}
.brake {
  color: red;
}