JSFiddle - React, Tailwind, and code Playground

HTML

<input id="newGuy"></input>
    
    <select id="sex" name="personInfo">
          <option value="Male">M</option>
          <option value="Female">F</option>
     </select>
    <div id="resultGuy"></div>

JavaScript

var $newGuy = $('#newGuy');
var $resultGuy =   $('#resultGuy');
var $sex = $('#sex');

$newGuy.blur(function() {
    updateGuy()
});

$sex.change(function() {
    updateGuy();
});

function updateGuy(){
    $resultGuy.html($newGuy.val() + " - " + $sex.val());
}