Keeping Javascript in modules inside Oracle Apex

Step 1: create a file using the naming convention myModule.page#.js (i.e. myModule.page110.js)

var myModule = myModule || {};
myModule.page110 = {
pageLoad: function () {
jQuery(‘#P110_ITEM’).focus().select();
},
myOtherFunction: function () {
console.log(‘…’);
}
}

Step 2: after uploading the file to “shared components -> static files”, refer to it in “Apex page -> File URLs” section

#APP_IMAGES#myModule.page110.js

Step 3: any calls to javascript code should now be something like “myModule.page110.pageLoad();”

 

*** Note ***
doesn’t matter if your code is one line only; keep it in a separate file.
https://vmorneau.me/avoid-javascript-mess/