Why does my custom JavaScript conflict with WordPress theme scripts even when enqueued properly?

I’m developing a Ceiling Fan Size Calculator for my WordPress site Hampton Bay. My custom JavaScript is conflicting with the theme’s built-in JavaScript. Specifically, the calculator script either doesn’t load properly or gets overridden by the theme’s JavaScript. I see no errors in the browser console, but the custom functionality isn’t working.

I enqueued the script using the wp_enqueue_scripts function in functions.php to avoid conflicts:

function custom_enqueue_scripts() {
    wp_enqueue_script('custom-calculator', get_template_directory_uri() . '/js/custom-calculator.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

I expected this to resolve the conflict, but the issue persists. I’ve researched similar issues but haven’t found a working solution. Any ideas on how I can debug or resolve this conflict?

Please don’t post content written by GPT or similar