Uncaught typeerror:xx is not a function at htmlinputelement.onclick__html

<div class= "Btn_div" id= "operations-btn" >
<input type= "button" value= "Pass"
class= "btn-accept" hidden= "hidden"
Id= "ACCEPT-BTN" onclick= "accept ();"/>
<input type= "button" value= "Reject"
class= "Btn-reject" hidden= "hidden"
Id= "reject-btn" onclick= "reject ();"/>
<input type= "button" value= "Submit Approval"
class= "Btn-add" hidden= "hidden" id= "submit-"
BTN "onclick=" accept (); "/>
</div>
<script>
function Accept () {
...
}
</script>
Code as above.
Click on the "Submit Approval" button to report an error such as Uncaught typeerror:accept is not a function at Htmlinputelement.onclick.


Search the Internet, the error should be if there is an INPUT element name or ID and JS function of the same name will produce conflicts, not normal call.


The solution is to change the element's id/name or change the function name.


I solved it by changing the function name to Acceptapproval ().