Introduction
This tutorial is about “how to properly add JavaScript into WordPress”
How to
We are going to use wp_enqueue_script wordpress function. More detail about the function at https://developer.wordpress.org/reference/functions/wp_enqueue_script/
You have to add this code into your function.php and change the path to your javascript according to your file location.
Sample Code
add_action('wp_enqueue_scripts', 'wpdocs_scripts_method'); /* * Enqueue a script with the correct path. */ function wpdocs_scripts_method() { wp_enqueue_script( 'custom_script', get_template_directory_uri() . '/js/custom_script.js', array('jquery') ); }
You are done!