JSFiddle - React, Tailwind, and code Playground
HTML
<label>Name</label><input type="text" name="name" class="text" />
<p>
</p>
<label>Age</label><input type="text" name="age" class="number" />
<p>
</p>
<label>Candidate</label><input type="text" name="candidate" class="text" />
<br />
<div class="simple-node">
</div>
<br>
<button class="click-me">Submit</button>
CSS
.click-me {
border: 1px solid #93AEC9;
background-color: black;
color: Magenta;
border-radius: 20px;
padding: 10px;
}
JavaScript
$('.click-me').click(function() {
var name = $("input[name='name']");
var age = $("input[name='age']");
var candidate = $("input[name='candidate']");
$('.simple-node').html("Hello " + name.val() + ", you are " + age.val() + " and you come from " + country.val());
});