JSFiddle - React, Tailwind, and code Playground

by khamer

CSS

body {
    text-align: center;
}

div {
    font-family: arial;
    display: inline-block;
    width: 100px;
    line-height: 100px;
    margin: 10px;
    border-radius: 10px;
}

JavaScript

$(function() {
    var colors = window.prompt('enter colors:').split(' ');
    for (var i = 0; i < colors.length; i++) {
        var c = colors[i];
        $('<div style="background: ' + c + ';">' + c + '</div>').appendTo('body');
    }
});