JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ChatBox">
</ul>
<textarea id="ChatText"></textarea>
<button id="ChatButton">
Enviar texto
</button>

JavaScript

var Usuario = ["Hola","Bien y tu","Chao"];
var Bot = ["Hola, ¿Cómo estás?","Bien, me alegro","Adios"];
function Responder(texto){
     index = Usuario.indexOf(texto);
     return Bot[index];
}
$('#ChatButton').click(function(){
    $('#ChatBox').append("<li>"+$('#ChatText').val()+"</li>");
    $('#ChatBox').append("<li>"+Responder($('#ChatText').val())+"</li>");
    $('#ChatText').empty();
});