JSFiddle - React, Tailwind, and code Playground

HTML

<form name="test">
    <input type="submit" value="Test" onClick="buttonClickFunction('test', this)" />
</form>

JavaScript

window.buttonClickFunction = function(formName, buttonObject) {
    var formObject = document.forms[formName];
    var i = 0;
    
    // Strip out BUTTON objects
    for (i=0;i<formObject.length;i++) {
        if (formObject[i].tagName === 'BUTTON') {
            formObject[i].parentNode.removeChild(formObject[i]);
            i--;
        }
    }
    
    // Create new field
    var newField = document.createElement('input');
    newField.type = 'hidden';
    newField.id=buttonObject.id;
    newField.name = buttonObject.name;
    if (buttonObject.attributes['value'] != null) {
        newField.value = buttonObject.attributes['value'].value;
    } else {
        newField.value = buttonObject.value;
    }
    
    // Submit form
    formObject.appendChild(newField);
    document.forms[formName].appendChild(newField);
    document.forms[formName].submit();
}