JSFiddle - React, Tailwind, and code Playground

by axemclion

HTML

<script src="http://raw.github.com/aaronpowell/db.js/master/src/db.js"></script>
<html>
    <body>
        <ul>
            <li><a href = "javascript:createDB()">Create DataBase</a></li>
            <li><a href = "javascript:addData()">Add Data</a></li>
            <li><a href = "javascript:removeData()">Remove Data</a></li>
            <li><a href = "javascript:queryData()">Query Data</a></li>
        </ul>
        <div id = "console">
        </div>         
    </body>
</html>

CSS

ul{
    margi: 10px;
    padding: 10px;
}

li{
    padding: 2px 5px;
}

a{
    text-decoration: none;
    display: block;
}

a:hover{
    background-color: #ABCDEF;
}


#console{
    margin-top: 10px;
}