JSFiddle - React, Tailwind, and code Playground

by Adam Patridge

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="keypad">
    <button class="btn" id="btn7">7</button>
    <button class="btn" id="btn8">8</button>
    <button class="btn" id="btn9">9</button>
    <button class="btn" id="btn4">4</button>
    <button class="btn" id="btn5">5</button>
    <button class="btn" id="btn6">6</button>
    <button class="btn" id="btn1">1</button>
    <button class="btn" id="btn2">2</button>
    <button class="btn" id="btn3">3</button>
    <button class="btn" id="btn0">0</button>
</div>

CSS

body { margin: 5px; line-height: 2.75em; }
.keypad { width: 125px; text-align: center; }

JavaScript

$(function () {
    var code = [ 8, 6, 7, 5, 3, 0, 9 ];
});