JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Adoption Form</title>
</head>

<body>
    <div>
    <form id="formInfo" name="formInfo">
        <p>My first name is <input name="first" type="text" id="first" title="first"></p>
        <p> My last name is <input name="last" type="text" id="last" title="last"></p>

        <p><input type="button" value="Send Information" onClick="getInfo()"></p>
    </form>
    </div>
    <div id="info">
    </div>
</body>
</html>

JavaScript

function getInfo() {

  var first =
    document.forms["formInfo"]["first"].value;
  var last =
    document.forms["formInfo"]["last"].value;

  var applicantInfo = "My first name is " + first + " My last name is " + last + ".";

  document.getElementById("info").innerHTML = applicantInfo;

}