JSFiddle - React, Tailwind, and code Playground

by IronFlare

HTML

<input type="text" value="&amp;lt;strong&amp;gt; Bold &amp;lt;/strong&amp;gt;"></input>
<button>Append</button>
<div class="body-container"></div>

CSS

.body-container {
    border:1px solid black;
    width:300px;
    height:200px;
    margin-top:5px;
}
input {
    border:1px solid black;
    width:230px;
    outline:none;
}
button {
    width:65px;
    border:1px solid black;
    outline:none;
}

JavaScript

$("button").click(function(){
    var inp = $("input").val().replace(/&lt;/gi,"<").replace(/&gt;/gi,">");
    $('.body-container').append(inp).html();
});