Custom Button Onclick Issue

I’ve read through the solutions to this issue but seem to have an error in my implementation. The javascript code’s working outside of WP/Enfold: https://coldspringdesign.com/ltc-button-test.html

This page [https://logisticstrainingcenter.com/dev-authentication-for-discount-code/#tab-id-2] has a custom button:
<input class=”id_vet_mil_click” height=”100%” src=”https://s3.amazonaws.com/idme/buttons/v4/verify-with-idme-green.png&#8221; type=”image” value=”Verify Military Credentials” width=”100%” />

I have this code in my functions.php file:
/* Verify with ID.me for Veteran/Military status */
function verify_vet_mil_button(){
?>
<script>
(function($){
$(window).load(function() {
$(‘.id_vet_mil_click’).on(function(e){
e.preventDefault();
window.open(‘https://api.id.me/oauth/authorize?client_id=d8c73d118584e3cd966a7990692f5340&redirect_uri=https://ywnos0oef8.execute-api.us-east-2.amazonaws.com/testing/callback&response_type=code&scope=military&#8217;,
‘popUpWindow’,
‘height=600,width=500,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes’
);
});
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘verify_vet_mil_button’);

But I’m not able to get the pop-up window working. Can you help?