JSFiddle - React, Tailwind, and code Playground

HTML

<p class="display">The value of the text input is: </p>

<form action="#">
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input class="input" name="input" type="text" />
<input...

CSS

body {
    padding: 10px;
}

JavaScript

$(document).ready(function() {
    $('input.clear').click(function() {
        $('input.input').val('');
        $('p.display').text('The value of the text input is: ');
    });
    
    $('form').on('keyup change', 'input.input', function() {
        $('p.display').text('The value of the text input is: ' + $(this).val());
    });
});