JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <input type="text" name="name" id="name">
  <input id="button" type="button" value="send" />
</form>
<div id="formresult"></div>
<script type="text/javascript">
  var arr = ["true<br/>"
            , "welcome<br/>"
            , "have good time!<br>"
            , "false<br/>"
            , "wrong name<br>"];
  $("#button").click(function() {

    var ajaxname = $("#name").val();
    $.ajax({
      method: "POST",
      url: "/echo/json/",
      data: {
        json: JSON.stringify(arr)
      },
      success: function(data) {
        $.each(data, function(index, html) {
            $("#formresult").delay(2000)
            .queue(function(next) {
              $("#formresult").append(html);
              next()
            })
        })
      }
    });
  })

</script>