JSFiddle - React, Tailwind, and code Playground

HTML

<ul id='message'>
    <li>example 1</li>
    <li>example 2</li>
</ul>
<form onsubmit='appendMessage(); return false;'>
    <input type='text' id='message_text' value="" />
    <input type='submit' />
</form>

JavaScript

function appendMessage() {
    var node = document.createElement("LI");
    var message = document.getElementById('message_text').value;
    var textnode = document.createTextNode(message);
    node.appendChild(textnode);
    document.getElementById("message").appendChild(node);
}