JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Comments</h1>

<textarea id='type'></textarea>
<br />
<br />
<button id='b' >Submit</button>
<div id='div1'></div>

CSS

#div1{color:white;}
body {
    background: #252525;
}
h1 {
    color: #96f226
}
.comment, #type {
    border-radius: 0px;
    background: #4a4a4a;
    border: 1px solid #454545;
    color: #96f226
}
#b {
    background: #4a4a4a;
    border-radius: 0px;
    border: 1px solid #454545;
    color: #96f226;
    cursor: pointer;
}
#type:hover, #b:hover {
    background: #656565;
}
.type:focus {
    box-shadow: 0 0 30px #96f226
}

JavaScript

$(document).ready(function () {
    $('#b').click(function(){
        var v = "<span>sdfsdfsdf222</span>";
        $("div#div1").prepend(v);
    });
});