JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="get">
    Loaded: <span id="timestamp"></span>
    <br />
    Query string: <span id="query-string"></span>
    <hr />
    <input type="file" id="myFile" name="myFile" />
    <br />
    <br />
    <button id="myButton">** My Choose **</button>
    <hr />
    <input id="mySubmit" type="submit" value="Submit" />
    <br />
    Form submitted <span id="submission-count">0</span> times!
    <br />
    Button pressed <span id="press-count">0</span> times!
</form>

JavaScript

$(function() {
    var submissionCount = 0,
        pressCount = 0;
    $('#myButton').click(function(e) {
        e.preventDefault();
        $('#myFile').click();
    });
    $('#myFile').change(function() {
        $('#mySubmit').focus();
    });
    
    $('#mySubmit').click(function(e) {
        pressCount++;
        $('#press-count').html(pressCount);
    });
    
    $('form').submit(function() {
        submissionCount++;
        $('#submission-count').html(submissionCount);
    });
    
    $('#timestamp').html(new Date().toString());
    $('#query-string').html(location.search);
});