How can you add custom JavaScript to a Liferay theme?

Adding custom JavaScript to a Liferay theme is primarily accomplished through placement in the "js" directory of the theme. This allows for organized management of JavaScript files and ensures they are appropriately bundled with the theme when it is deployed. The files in the "js" directory can be referenced in your theme's templates or other specific files so that they are loaded on the pages where the theme is applied.

Placing custom scripts in the "js" directory allows for easy asset management, version control, and the capability to separate logic and behavior from style (CSS), following best practices in web development. Once placed in this directory, it is important to also include or reference these scripts in the corresponding FreeMarker templates to ensure they are executed on the client-side.

In contrast, editing the theme's XML file would typically be reserved for defining configuration settings, assets, and dependencies, which doesn't directly facilitate adding JavaScript functionality. The Control Panel settings are primarily focused on site administration and user settings rather than theme development. Lastly, the "enhanced-script" tag does not exist within Liferay's typical themes framework and might confuse newer developers on how to properly manage scripts.