JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/es6-promise/1.0.0/promise.min.js"></script>
<script src="http://mohayonao.github.io/midi-keyboard/build/midi-keyboard.js"></script>
<div class="container">
    <h1>MIDI KEYBOARD DEMO</h1>
    <div>
      dump messages from Keystation Mini 32
    </div>
    <pre id="log" style="margin-top: 15px"></pre>
  </div>

JavaScript

window.onload = function() {
    "use strict";
    var view = document.getElementById("log");
    var lines = [];
    console.log = function(msg) {
      lines.unshift(msg);
      if (40 <= lines.length) {
        lines.pop();
      }
      view.textContent = lines.join("\n");
    };
  };