php - How to add JavaScript file to WordPress Website

Question

I was developing a web form that will be used to collect data. I needed to attach it to my WordPress website. I have been successful attaching the HTML and CSS files, so that they can blend with the theme of the website, however, I have been unsuccessful trying to add the JavaScript file. I have followed several guides on how to but I have not been successful. I tried the enqueue_script approach but it didn't work. Here is samples of my code from the functions.php file

<?php
/**
 * Income School functions and definitions
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package Income_School
 */

 
add_action( 'wp_enqueue_scripts', 'form_enqueue_style' );

function form_enqueue_script() {
    wp_enqueue_script( 'form-js', get_template_directory_uri() . '/js/form.js',  array(), false, true);
}
 
add_action( 'wp_enqueue_scripts', 'form_enqueue_script' );

question from:https://stackoverflow.com/questions/65848227/how-to-add-javascript-file-to-wordpress-website

Answer 1

function my_theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_theme_name_scripts' );

Also make sure the file is under the correct path in your theme.