JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    
    
    <input type="file" name="ff">
        <input type="button" value="getValue" onClick="window.getValue($(this.form['ff']));return false;"> 
            <hr>
        <input type="button" value="resetMethod" onClick="window.resetMethod($(this.form['ff']));return false;">
       <input type="button" value="resetMethod2" onClick="window.resetMethod2($(this.form['ff']));return false;">
       <input type="button" value="resetMethod3" onClick="window.resetMethod3($(this.form['ff']));return false;"> 
    </form>

JavaScript

// reset
window.resetMethod = 
function (e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
}

// reset & clear value
window.resetMethod2 = 
function (e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.val('');
  e.unwrap();
}

// clone element
window.resetMethod3 = 
function (e) {
  e.replaceWith(e.clone());
}

window.getValue = function(e) {
     alert(e[0].value);   
    alert(e.val());
}