import js file

<script src="file-name.js"></script>

Including a JS file on your page is an essential part of web development. It allows you to reuse code across multiple pages, as well as share code with other developers. To include a JavaScript file on your page, you use the <script> tag. You'll need to specify the location of the file in the src attribute. In the example above, I've included the file named "file-name.js". You can include multiple JavaScript files on your page by adding multiple <script> tags. The order in which the files are included is important, as the JavaScript code contained in one file may rely on code from another. Generally, it's best to include your own code first, followed by any third-party library code. If you're using a build process like Webpack, you don't need to manually include the JavaScript files on your page. Instead, the build process will handle the including of the files for you. You can also use the defer attribute on the <script> tag to tell the browser to wait until the page has finished loading before loading the script. This can help improve page performance, as the loading of the script won't block the page from loading. Finally, you can add the async attribute if you want the script to load asynchronously. This will allow the browser to download the script in the background, while the rest of the page continues to load. Including JavaScript files on your page is an important part of web development, and there are a few things to keep in mind when doing it. Be sure to specify the correct src attribute, and pay attention to the order in which the files are included. You can also use the defer and async attributes to improve page performance.