enqueue javascript code example

Example 1: enqueue wordpress

function wpdocs_theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() ); /* enqueues style.css */
    /* if you want to enqueue other styles use: */
    /* wp_enqueue_style( 'style-name', get_template_directory_uri() . '/css/your-style-name.css' ); */
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );

Example 2: wp_enqueue_script

wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer);

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

Example 3: wp_enqueue_script

function custom_theme_script(){
	wp_register_style('bootstrap', get_stylesheet_directory_uri() . '/css/bootstrap.css' );

	wp_enqueue_style('bootstrap');

	wp_register_style('style', get_stylesheet_directory_uri() . '/css/style.css');

	wp_enqueue_style('style');

	  
	wp_register_script('bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '20120206', true );
	wp_enqueue_script('bootstrap.min');
}

add_action('wp_enqueue_scripts', 'custom_theme_script');