JSFiddle - React, Tailwind, and code Playground

HTML

<p>History log:</p><br><div style="white-space:pre-wrap"><ul id="outputListItem"></ul></div> 

<input type="text" id="output"> 
<button id="Add" >
Add
</button>

JavaScript

document.getElementById("Add").onclick = function(e) {
convertOutput();
}

function convertOutput(){
       var output = document.getElementById("output").value;
       var li = document.createElement('li');
       var currentTime = getCurrentTime();

       li.innerHTML = "<time id='time'>" + currentTime + "</time><br /> <br />"+ output +"<br /><br /><span class='close'>&times;</span>";
       document.getElementById('outputListItem').prepend(li);
    }

    function getCurrentTime() {
        var today = new Date();
        var HHMMSS = ('0' + today.getHours()).slice(-2) + ":" + ('0' + today.getMinutes()).slice(-2) + ":" + ('0' + today.getSeconds()).slice(-2);
        return HHMMSS;
    }