I’ve seen quite a few questions regarding loading a .js file into an HTML file, and I know how to do that. However, say I have the file “classlist.js.” How can I go about using the classes defined in that javascript file in another javascript file? I keep seeing answers that suggest using the
<script type="text/javascript" src="filepath"></script>
syntax. When used in a .js file, though, it throws a syntax error on the “<” so I assume this code is invalid.
So, how would one utilize a function in a .js file that was defined in a separate .js file… that works, and is efficient (If there is one)?
EDIT:
I’m going to clarify some thing for the future, since I’m still fairly new to Javascript, and it looks like there were a number of other factors I didn’t even know came into play.
I had two .js files, one of which declared classes that were extensions of classes in the other file. I wanted to use the extended classes in a webpage, and I thought I had to load the originial classes into the second .js file, THEN load that .js file into the HTML file. I wasn’t programming completely outside of HTML.
Sorry for any misunderstanding, hopefully this thread is helpful to somebody else in the future.
Assuming you are talking about javascript in a web browser, all js files are loading in an html file, typically index.html. You need to use the script tag to load the javascript in the proper order in that html file, not in the javascript file. So if file B requires the things in file A, you need to load file A first, meaning put the script tag that loads file A before the script tag that loads file B.