JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="fasasfa" />
<input type="text" value="fasasfa" />
<input type="text" value="fasasfa" />
<input type="text" value="fasasfa" />
<input type="text" value="fasasfa" />
<input type="text" value="fasasfa" />
<input type="button" value="Button" id="your_button" class="your_button" />

JavaScript

jQuery(function() {
    jQuery("#your_button").click(function() {
        jQuery("input[type=text], textarea").each(function() {
            if (/text/gi.test(jQuery(this).attr("type"))) {
                jQuery(this).val(jQuery(this).val().toUpperCase());
            } else {
                jQuery(this).text(jQuery(this).text().toUpperCase());
            }
        });
    });
});