JSFiddle - React, Tailwind, and code Playground

by arcm111

HTML

<div></div>

CSS

body{
    background: #ddd;
}
div img{
    display: inline-block;
    width: 10px;
    height: 10px;
}

JavaScript

for(var i =0; i < 10; i++){
    var div = document.getElementsByTagName('div')[0],
        black = document.createElement('img'),
        white = document.createElement('img');
    black.style.border = '1px solid black';
    white.style.border = '1px solid white';
    i%2 == 0 ? div.appendChild(black) : div.appendChild(white);
}