Add Custom JavaScript to Your WordPress Site

functions.php

//Load JavaScript file for front end from child theme
function my_scripts_method() {
    wp_enqueue_script('custom-script', get_stylesheet_directory_uri() . '/js/custom-script.js', array( 'jquery' )
    );
}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );