JSFiddle - React, Tailwind, and code Playground

by thirdender

HTML

<div id="console">
    <div class="content">
    </div>
</div>

SCSS

#console {
    border: 10px solid #dedede;
    border-radius: 12px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    background: black;
    color: green;
    font: 12px "Courier New", courier, mono;
    overflow: auto;
    .content {
        position: absolute;
        left: .8em;
        right: .8em;
        bottom: .8em;
    }
}

CoffeeScript

jQuery ($) ->
  output = $('#console .content')
  setInterval(
    () ->
      output.append('asdf ')
    40
  );