JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Write something on "ddd" and click "Check Values"</h2>
<form id="form1">
   <div id="teste1">
       aaa: <input id="aaa" name="aaa" type="text" />
       bbb: <input id="bbb" name="aaa" type="text" />
       ccc: <input id="ccc" name="aaa" type="text" />
   </div>
   <div id="teste2">
       ddd: <input id="ddd" name="aaa" type="text" />
   </div>
    
    <input type="button" id="check" value="Check Values" />
</form>

JavaScript

$(function () {
    $('#check').on('click', function () {
        var ddd = $('#ddd').val();

        alert(ddd);
    });     
});