JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<button id="uniqueId" onclick="runMethod(this)">Submit</button>
<script>
function runMethod(elmnt) {
console.log('oops');
}
</script>
JavaScript
$(document).ready(function(){
var methodToRun = "runMethod(this)";
var condition = true;
$('#uniqueId').attr('onclick',null);
$('#uniqueId').hover(function(){
condition = !condition;
console.log(condition);
if(condition == true){
$('#uniqueId').attr('onclick',methodToRun);
}
},
function(){ console.log('inactive');$('#uniqueId').attr('onclick',null); }
);
});